body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; } .fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; } .p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; } .h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 宋体,Arial,sans-serif; } a{text-decoration:none; } a:hover{color:#FF6600 } /*-----------------[初始化]--------------*/ *,*:before,*:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-overflow-scrolling: touch; } body{color: #3d4c63;background: #fff;font: 14px/1.5 "SourceHanSansCN-Normal", "Microsoft Yahei", sans-serif; outline: 0;} img {max-width: 100%;border: none;} input,textarea,select {font-size: 14px;color: #333;font-family: ''SourceHanSansCN-Normal',Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;} input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],input, textarea, select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } ::-webkit-input-placeholder {color: #C2C2C2;} ::-moz-placeholder {color: #C2C2C2;} ::-ms-input-placeholder {color: #C2C2C2;} select::-ms-expand {display: none;} a {color: #333;text-decoration: none;} a:hover {color: #ff4b59;} /*字体*/ @font-face{ font-family: SourceHanSansCN-Normal; src: url('../fonts/SourceHanSansCN-Normal.otf'); } @font-face{ font-family: SourceHanSansCN-Regular; src: url('../fonts/SourceHanSansCN-Regular.otf'); } @font-face{ font-family: SourceHanSansCN-Medium; src: url('../fonts/SourceHanSansCN-Medium.otf'); } @font-face{ font-family: SourceHanSansCN-Light; src: url('../fonts/SourceHanSansCN-Light.otf'); } @font-face{ font-family: SourceHanSansCN-ExtraLight; src: url('../fonts/SourceHanSansCN-ExtraLight.otf'); } @font-face{ font-family: SourceHanSansCN-Bold; src: url('../fonts/SourceHanSansCN-Bold.otf'); } @font-face{ font-family: SourceHanSansCN-Heavy; src: url('../fonts/SourceHanSansCN-Heavy.otf'); } @font-face{ font-family: HelveticaInserat-Roman-SemiB; src: url('../fonts/HelveticaInserat-Roman-SemiB.ttf'); } @font-face{ font-family: HelveticaInserat-Roman-SemiBold; src: url('../fonts/HelveticaInserat-Roman-SemiBold.ttf'); } @font-face{ font-family: FuturaPTHeavy; src: url('../fonts/FuturaPTHeavy.otf'); } @font-face{ font-family: Alibaba-PuHuiTi-Regular; src: url('../fonts/Alibaba-PuHuiTi-Regular.ttf'); } @font-face{ font-family: Alibaba-PuHuiTi-Bold; src: url('../fonts/Alibaba-PuHuiTi-Bold.ttf'); } /*布局*/ .wp{margin: 0 auto;width: 86%;max-width: 1440px;} .wp2{margin: 0 auto;width: 86%;max-width: 1200px;} /******************************* -------[=头部]------- ********************************/ .menuBtn{display: none; position: absolute; top: 50%; right: 12px; width: 40px; height: 40px; margin-top: -12px; cursor: pointer; z-index: 100; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;} .menuBtn span{position: absolute; left:0; top:50%; right:0; width:36px; height: 4px; margin-top: -2px; background-color: #2174B9; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .menuBtn span:before, .menuBtn span:after{content: ''; position: absolute; left:0; right:0; top:0; bottom:0; width:40px; background-color: #2174B9; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .menuBtn span:before{-webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transform: translateY(-12px); } .menuBtn span:after{-webkit-transform: translateY(12px); -ms-transform: translateY(12px); -o-transform: translateY(12px); transform: translateY(12px); } .menuBtn.open{} .menuBtn.open span{background-color: transparent; } .menuBtn.open span:before{transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); } .menuBtn.open span:after{transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); } .header{position: fixed; left: 0; top: 0; right: 0; height: 88px; border-bottom: 1px solid rgba(255, 255, 255, .2); display: -webkit-flex; display: flex; justify-content: space-between; z-index: 100;} .header-logo{margin-left: 10px; width: 430px; height: 80px; line-height: 80px; font-size: 0; flex-shrink: 0;} .header-logo img, .header-logo .tit{display: inline-block; vertical-align: middle;} .header-logo img{max-height: 100%;} .header-logo img{} .header-logo img:nth-child(2){display: none;} .header-logo .tit{padding-top: 12px; margin-left: 14px;} .header-logo .tit .t1{font-size: 20px; color: #FFFFFF; font-weight: normal; line-height: 1.3;} .header-logo .tit .t2{font-size: 18px; color: #FFFFFF; font-weight: normal; line-height: 1.44;} .header-r{flex-grow: 1; display: -webkit-flex; display: flex; justify-content: flex-end;} .header-r .box-so01{display: none;} .nav{} .nav > ul{height: 100%; display: -webkit-flex; display: flex;} .nav > ul > li{padding: 0 29px; justify-content: flex-end;} .nav > ul > li .v1{display: block; height: 100%; font-size: 18px; color: #FFFFFF; position: relative; font-family: SourceHanSansCN-Regular; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .nav > ul > li .v1:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background-color: #1688E6; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .nav > ul > li:hover .v1, .nav > ul > li.on .v1{color: #138BEF;} .nav > ul > li:hover .v1:after, .nav > ul > li.on .v1:after{opacity: 1;} .nav-sub{position: fixed; left: 0; top: 88px; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .4); z-index: 10; display: none;} .nav-sub .nav-sub-cont{max-height: 100%; background-color: #fff; display: -webkit-flex; display: flex;} .nav-sub .left{padding: 60px 70px; float: left; width: 25.73%; max-height: 100%; border-right: 1px solid rgba(210, 210, 210, .2); background-color: #F5F6F8; overflow-y: auto; flex-shrink: 0;} .nav-sub .right{padding: 54px 100px 60px 73px; float: right; width: 74.27%; max-height: 100%; overflow-y: auto; flex-shrink: 0;} .navSub-tabsTit01{} .navSub-tabsTit01 .navSub-tabsTit01-item{} .navSub-tabsTit01 .a1{padding: 10px 0; display: block; font-size: 0; text-align: right;} .navSub-tabsTit01 .a1 .a1-in{padding-bottom: 4px; display: inline-block; vertical-align: middle; font-size: 18px; color: #555555; position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .navSub-tabsTit01 .a1 .a1-in:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background-color: #2174b9; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .navSub-tabsTit01 .a1:hover .a1-in, .navSub-tabsTit01 .navSub-tabsTit01-item.on .a1 .a1-in{color: #2174B9;} .navSub-tabsTit01 .a1:hover .a1-in:after, .navSub-tabsTit01 .navSub-tabsTit01-item.on .a1 .a1-in:after{opacity: 1;} .navSub-tabsDesc01{} .navSub-tabsDesc01 .navSub-tabsDesc01-item{display: none;} .navSub-tabsDesc01 .navSub-tabsDesc01-item.on{display: block;} .subCp-ls01{margin: 0 -23px -40px; font-size: 0;} .subCp-ls01 .subCp-ls01-item{padding: 0 23px; margin-bottom: 40px; display: inline-block; vertical-align: top; width: 25%;} .subCp-ls01 .con{display: block;} .subCp-ls01 .pic{margin-bottom: 14px; height: 255px; line-height: 253px; font-size: 0; text-align: center; border: 1px solid #E5E5E5; overflow: hidden;} .subCp-ls01 .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .subCp-ls01 .tit{font-size: 18px; color: #333333; font-weight: normal; text-align: center; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .subCp-ls01 .con:hover .pic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .subCp-ls01 .con:hover .pic{line-height: 251px; border-width: 2px; border-color: #2174B9;} .subCp-ls01 .con:hover .tit{color: #2174B9;} .nav > ul > li.li2{position: relative;} .nav > ul > li.li2 .nav-sub{position: absolute; left: 0; top: 100%; right: 0;} .navSub-link{background-color: #fff;} .navSub-link .a1{padding: 12.5px 5px; display: block; font-size: 14px; color: #333333; line-height: 24px; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .navSub-link .a1+.a1{border-top: 1px solid #dcdcdc;} .navSub-link .a1:hover{background-color: #1584de; color: #fff;} .header-so-btn{width: 89px; border-left: 1px solid rgba(255, 255, 255, .2); background: url(../images/icon_so.png) center center no-repeat; -webkit-background-size: 24px auto; background-size: 24px auto; flex-shrink: 0;} .header-lang-btn{width: 137px; border-left: 1px solid rgba(255, 255, 255, .2); font-size: 15px; color: #FFFFFF; text-align: center; font-family: SourceHanSansCN-Regular; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-shrink: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .header-lang-btn img{margin: -2px 8px 0 0; display: inline-block; vertical-align: middle; max-width: 20px; max-height: 20px;} .header-lang-btn:hover{color: #fff; opacity: .8;} .header-tel{padding: 0 32px; background-color: #D50D1C; font-size: 28px; color: #FFFFFF; font-weight: normal; text-align: center; font-family: HelveticaInserat-Roman-SemiB; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-shrink: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .header-tel img{margin: -2px 8px 0 0; display: inline-block; vertical-align: middle; max-width: 17px;} .header-tel:hover{color: #FFFFFF; opacity: .8;} .header.down{background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);} .header.down .header-logo img{display: none;} .header.down .header-logo img:nth-child(2){display: inline-block;} .header.down .header-logo .tit .t1{color: #111111;} .header.down .header-logo .tit .t2{color: #111111;} .header.down .nav > ul > li .v1{color: #222222;} .header.down .nav > ul > li:hover .v1, .header.down .nav > ul > li.on .v1{color: #2174b9;} .header.down .header-so-btn{background-image: url(../images/icon_so2.png); position: relative;} .header.down .header-so-btn:after{margin-top: -10px; content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; background-color: #dbdbdb;} .header.down .header-lang-btn{color: #666666;} .header.mIn{background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);} .header.mIn .header-logo img{display: none;} .header.mIn .header-logo img:nth-child(2){display: inline-block;} .header.mIn .header-logo .tit .t1{color: #111111;} .header.mIn .header-logo .tit .t2{color: #111111;} .header.mIn .nav > ul > li .v1{color: #222222;} .header.mIn .nav > ul > li:hover .v1, .header.mIn .nav > ul > li.on .v1{color: #2174b9;} .header.mIn .header-so-btn{background-image: url(../images/icon_so2.png); position: relative;} .header.mIn .header-so-btn:after{margin-top: -10px; content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; background-color: #dbdbdb;} .header.mIn .header-lang-btn{color: #666666;} /*搜索弹窗*/ .box-so01{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 1001; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .box-so01.on{-webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);} .box-so01 input{outline: none; border: none; background-color: transparent;} .box-so01 .box-so-in{width: 500px; position: relative; flex-shrink: 0;} .box-so01 .close{position: absolute; right: -60px; top: -60px; width: 60px; height: 60px; background: url(../images/icon_close.png) center center no-repeat; -webkit-background-size: 24px auto; background-size: 24px auto; cursor: pointer;} .box-so01 .inp{padding-right: 60px; display: block; width: 100%; height: 60px; line-height: 59px; border-bottom: 1px solid #fff; font-size: 16px; color: #fff;} .box-so01 .submit{position: absolute; right: 0; top: 0; width: 60px; height: 100%; background: url(../images/icon_so.png) center center no-repeat; -webkit-background-size: 24px auto; background-size: 24px auto; cursor: pointer;} /******************************* -------[=底部]------- ********************************/ .footer{background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .footer-ft1{padding: 74px 0 50px;} .footer-ft1 .wp{height: 100%; display: -webkit-flex; display: flex; justify-content: space-between;} .footer-nav{width: 62.99%; font-size: 0; border-right: 1px solid rgba(255, 255, 255, .1); flex-shrink: 0;} .footer-nav dl{padding-right: 20px; display: inline-block; vertical-align: top; width: 25%;} .footer-nav dt{margin-bottom: 19px; font-size: 22px; color: #FFFFFF; font-weight: normal; font-family: SourceHanSansCN-Medium;} .footer-nav dd{} .footer-nav dd a{padding: 9px 0; display: block; font-size: 18px; color: rgba(254, 254, 254, .9); line-height: 1.5; font-family: SourceHanSansCN-Light;} .footer-nav dd a:hover{color: #fff; font-weight: bold;} .footer-lxwm{padding-left: 83px; width: 37.01%; flex-shrink: 0;} .footer-lxwm .title{margin-bottom: 27px; font-size: 22px; color: #FFFFFF; font-weight: normal; font-family: SourceHanSansCN-Medium;} .footer-lxwm .info{margin-bottom: 32px; font-size: 18px; color: #FEFEFE; line-height: 22px; font-family: SourceHanSansCN-Light;} .footer-lxwm .info .item{margin-bottom: 16px;} .footer-lxwm .info .t1{float: left; font-size: 16px;} .footer-lxwm .info .icon{margin: -2px 10px 0 0; display: inline-block; vertical-align: middle; width: 18px; height: 18px; line-height: 18px; font-size: 0; text-align: center; overflow: hidden;} .footer-lxwm .info .icon img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .footer-lxwm .info .p{overflow: hidden;} .footer-lxwm .info .tel{} .footer-lxwm .info .tel .t1{margin-bottom: 9px; float: none; font-size: 18px;} .footer-lxwm .info .tel .p{font-size: 38px; line-height: 1.2; font-weight: normal; font-family: HelveticaInserat-Roman-SemiB;} .footer-lxwm .code{margin: 0 -19px -30px; font-size: 0;} .footer-lxwm .code .item{margin-bottom: 30px; padding: 0 19px; display: inline-block; vertical-align: top;} .footer-lxwm .code .pic{margin: 0 auto 8px; width: 114px; height: 114px; line-height: 114px; background-color: #fff; font-size: 0; text-align: center;} .footer-lxwm .code .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .footer-lxwm .code .tit{font-size: 14px; color: #FFFFFF; font-weight: normal; text-align: center;} .footer-ft2{position: relative; overflow: hidden;} .footer-ft2:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid rgba(255, 255, 255, .1);} .footer-lk{padding: 19.5px 0; font-size: 0;} .footer-lk .tit, .footer-lk .a1{padding: 5px 0; display: inline-block; vertical-align: top; font-size: 16px; color: #FFFFFF; font-family: SourceHanSansCN-Light;} .footer-lk .tit{} .footer-lk .tit img{margin: -2px 8px 0 0; display: inline-block; vertical-align: middle; max-width: 22px;} .footer-lk .a1{padding: 5px 17px;} .footer-lk .a1:hover{text-decoration: underline;} .footer-copy{padding: 24.5px 0; font-size: 16px; color: #FFFFFF; font-family: SourceHanSansCN-Light; position: relative; overflow: hidden;} .footer-copy:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid rgba(255, 255, 255, .1);} .footer-copy a{color: #FFFFFF;} .footer-copy .website{padding-bottom: 6px; position: relative;} .footer-copy .website:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #fff;} .footer-copy .website:hover{text-decoration: none;} .footer-copy a:hover{text-decoration: underline;} /******************************* -------[=主内容]------- *******************************/ /*侧边悬浮*/ .slideFloat01{position: fixed; right: 0; top: 32%; box-shadow: 0px 0px 18px 2px rgba(14,61,99,0.05); z-index: 99; display: none;} .slideFloat01 .item{position: relative;} .slideFloat01 .item+.item{border-top: 1px solid #DCDCDC;} .slideFloat01 .btn{display: block; width: 78px; height: 72px; background-color: #fff; position: relative; z-index: 2; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center;} .slideFloat01 .btn .icon{height: 30px; line-height: 30px; font-size: 0; text-align: center; overflow: hidden;} .slideFloat01 .btn .icon img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .slideFloat01 .btn .icon img:nth-child(2){display: none;} .slideFloat01 .btn .tit{font-size: 13px; color: #666666; font-weight: normal; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .slideFloat01 .bd{padding: 18px 18px 14px; position: absolute; right: calc(100% + 1px); top: 0; background-color: #2174B9; -webkit-transform: translateX(500px); -ms-transform: translateX(500px); -o-transform: translateX(500px); transform: translateX(500px); z-index: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .slideFloat01 .bd .bd-item{} .slideFloat01 .bd .bd-item+.bd-item{margin-top: 20px;} .slideFloat01 .bd .pic{margin: 0 auto 8px; width: 115px; overflow: hidden;} .slideFloat01 .bd .pic img{display: block; width: 100%;} .slideFloat01 .bd .tit{font-size: 14px; color: #FFFFFF; font-weight: normal; text-align: center;} .slideFloat01 .bd .tel{display: block; background-color: #2174b9; font-size: 28px; color: #fefefe; white-space: nowrap; font-family: HelveticaInserat-Roman-SemiB;} .slideFloat01 .item:hover .btn{background-color: #2174B9;} .slideFloat01 .item:hover .btn img{display: none;} .slideFloat01 .item:hover .btn img:nth-child(2){display: inline-block;} .slideFloat01 .item:hover .btn .tit{color: #FFFFFF;} .slideFloat01 .item:hover .bd{-webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);} .slideFloat01.on{display: block;} /*侧边锚点*/ .anchorFloat01{position: fixed; left: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; display: none;} .anchorFloat01 .a1{margin-bottom: 12px; padding-left: 26px; display: block; font-size: 16px; color: #E50001; line-height: 24px; position: relative;} .anchorFloat01 .a1:before{content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; background-color: #D4E1EC; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .anchorFloat01 .a1:after{content: ''; position: absolute; left: -7px; top: 50%; width: 24px; height: 24px; background-color: transparent; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .anchorFloat01 .a1 span{visibility: hidden;} .anchorFloat01 .a1.on span{visibility: visible;} .anchorFloat01 .a1.on:before{background-color: #E50001;} .anchorFloat01 .a1.on:after{background-color: rgba(214, 44, 51, .1);} .anchorFloat01.on{display: block;} .anchorFloat01.anchorFloat01_2{} .anchorFloat01.anchorFloat01_2 .a1:before{background-color: #FFFFFF;} /*公用*/ .mainPt01{padding-top: 88px;} .show-pc{display: block;} .show-mob{display: none;} .col-ls03{width: 33.33% !important;} .m-tit01{text-align: center;} .m-tit01 .tit{font-size: 46px; color: #333333; font-weight: normal; line-height: 1.1; font-family: SourceHanSansCN-Medium;} .m-tit01 .tit .en{margin-bottom: 14px; display: block; font-size: 30px; color: #E50001; text-transform: uppercase; font-family: SourceHanSansCN-Normal;} .m-tit01 .desc{margin-top: 16px; font-size: 18px; color: #888888; line-height: 1.72;} .m-tit01.white01{} .m-tit01.white01 .tit{color: #fff;} .m-tit01.white01 .tit .en{margin-bottom: 8px; color: #E50001;} .m-tit01.white01 .desc{margin-top: 27px; color: #fff; font-family: SourceHanSansCN-Light;} .m-tit01.white02{} .m-tit01.white02 .tit{color: #fff;} .m-tit01.white02 .tit .en{margin-bottom: 8px; color: #fff;} .m-tit01.white02 .desc{margin-top: 27px; color: #fff; font-family: SourceHanSansCN-Light;} .m-tit01.taL01{text-align: left;} .m-tit01.line01{} .m-tit01.line01 .tit{padding-bottom: 24px; position: relative;} .m-tit01.line01 .tit:after{content: ''; position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; background-color: #2C70DE;} .m-tit01.m-tit01_2{} .m-tit01.m-tit01_2 .tit .en{margin-bottom: 10px; font-size: 26px;} .m-tit02{font-size: 0;} .m-tit02 .tit{margin-right: 14px; display: inline-block; vertical-align: middle; min-width: 155px; font-size: 18px; color: #FFFFFF; text-align: center; font-weight: normal; line-height: 50px; position: relative; background-color: #2174B9;} .m-tit02 .tit:after{content: ''; position: absolute; right: -18px; top: 0; bottom: 0; width: 18px; background: url(../images/tit_bg1.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .m-tit03{} .m-tit03 .tit{padding: 18px 32px; font-size: 26px; color: #FFFFFF; font-weight: normal; line-height: 1.5; font-family: SourceHanSansCN-Medium; background-color: #2174B9;} .m-btn01{} .m-btn01 .a1{display: block; width: 220px; height: 60px; line-height: 58px; border: 1px solid #FFFFFF; border-radius: 30px; font-size: 16px; color: #FFFFFF; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .m-btn01 .a1 .icon{margin: -2px 0 0 14px; display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url(../images/icon_arrow_r2.png) center center no-repeat; -webkit-background-size: 22px auto; background-size: 22px auto; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .m-btn01 .a1:hover{background-color: #2174b9; border-color: #2174b9;} .m-btn01 .a1:hover .icon{-webkit-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px);} .m-btn02{} .m-btn02 .a1{display: block; width: 174px; height: 54px; line-height: 54px; background-color: #fff; border-radius: 27px; font-size: 18px; color: #666666; text-align: center;; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .m-btn02 .a1 .icon{margin: -2px 0 0 8px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(../images/icon_arrow_r4.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .m-btn02 .a1:hover{background-color: #2174B9; color: #fff;} .m-btn02 .a1:hover .icon{background-image: url(../images/icon_arrow_r5.png); -webkit-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px);} .m-btn03{font-size: 0; text-align: center;} .m-btn03 .a1{display: inline-block; vertical-align: middle; width: 126px; height: 44px; line-height: 42px; border: 1px solid #dae1e5; background-color: #eaeff2; text-align: center; font-size: 16px; color: #888787; border-radius: 22px; cursor: pointer;} .m-btn03 .a1 .icon{margin: -2px 0 0 10px; display: inline-block; vertical-align: middle; width: 14px; height: 7px; background: url(../images/icon_arrow_down2.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .m-btn03 .a1.on{background-color: #2174B9; color: #fff;} .m-btn03 .a1.on .icon{background-image: url(../images/icon_arrow_down3.png);} .box-pos01{background-color: #fff; border-bottom: 1px solid #E5E5E5; overflow: hidden;} .box-pos01 .left{float: left;} .box-pos01 .right{float: right;} .pos-nav01{font-size: 0;} .pos-nav01 .a1{margin-right: 78px; display: inline-block; vertical-align: middle; line-height: 80px; font-size: 20px; color: #333333; position: relative;} .pos-nav01 .a1:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #E50001; opacity: 0;} .pos-nav01 .a1.on{color: #E50001;} .pos-nav01 .a1.on:after{opacity: 1;} .cur{padding: 24px 0; padding-left: 18px; font-size: 16px; color: #858383; line-height: 2; position: relative; font-family: SourceHanSansCN-Light;} .cur:before{content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #2174B9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .cur a, .cur span, .cur em{color: #858383;} .cur a{-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .cur em{margin: 0 4px;} .cur a:hover{color: #138BEF;} .pages{padding-top: 82px; font-size: 0; text-align: center;} .pages ul{margin: 0 -5px -5px; display: inline-block; vertical-align: middle; font-size: 0;} .pages li{padding: 0 5px; margin-bottom: 5px; display: inline-block; vertical-align: middle;} .pages a, .pages span{padding: 0 5px; display: block; font-size: 18px; color: #333333; text-align: center; min-width: 58px; height: 58px; line-height: 56px; border: 1px solid #DCDCDC; border-radius: 5px; background-color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .pages .pages-prev, .pages .pages-next{} .pages .pages-prev a, .pages .pages-next a{min-width: 0; width: 124px;} .pages .pages-active{} .pages .pages-active a, .pages a:hover{background-color: #D50D1C; color: #fff;} .pages .pages-disable{display: none !important;} .pages .pages-disable a{} /*banner*/ .banner{height: 100vh; position: relative; overflow: hidden;} .banner .swiper-wrapper{z-index: 1;} .banner .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .banner-cont{position: absolute; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2;} .banner-cont .tit{display: block;} .banner-cont .m-btn01{margin-top: 50px;} .banner-cont2{padding: 0 83px 0 180px; position: absolute; left: 0; top: 50%; right: 0; overflow: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end;} .banner-cont2 .col-l{float: none; width: 44.2%; flex-shrink: 0;} .banner-cont2 .col-r{float: none; width: 55.8%; flex-shrink: 0;} .banner-cont2 .tit{display: block;} .banner-cont2 .col-r .pic{border: 20px solid rgba(19, 92, 152, .7); border-radius: 300px; position: relative; overflow: hidden;} .banner-cont2 .col-r .pic:after{content: ''; display: block; padding-top: 70.5%;} .banner-cont2 .col-r .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .banner-cont2 .bannerCp-ls01{margin-top: 67px;} .bannerCp-ls01{margin: 0 -8px -16px; font-size: 0;} .bannerCp-ls01 .bannerCp-ls01-item{padding: 0 8px; margin-bottom: 16px; display: inline-block; vertical-align: top; width: 25%;} .bannerCp-ls01 .con{display: block;} .bannerCp-ls01 .pic{margin-bottom: 7px; height: 162px; line-height: 146px; font-size: 0; text-align: center; background-color: #fff; border: 8px solid rgba(33, 116, 185, 0.7); border-radius: 20px; overflow: hidden;} .bannerCp-ls01 .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; border-radius: 20px;} .bannerCp-ls01 .tit{font-size: 18px; color: #333333; font-weight: normal; text-align: center;} .banner .swiper-button-prev, .banner .swiper-button-next{margin: 0; position: absolute; top: 50%; width: 75px; height: 75px; border: 1px solid #FFFFFF; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 13px auto; background-size: 13px auto; cursor: pointer; z-index: 10; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .banner .swiper-button-prev:after, .banner .swiper-button-next:after{display: none;} .banner .swiper-button-prev{left: 53px; background-image: url(../images/icon_arrow_l.png);} .banner .swiper-button-next{right: 53px; background-image: url(../images/icon_arrow_r.png);} .banner .swiper-button-prev.swiper-button-disabled, .banner .swiper-button-next.swiper-button-disabled{background-color: rgba(255, 255, 255, .5); border-color: rgba(255, 255, 255, .5);} .banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{background-color: #135C98; border-color: #135C98;} .banner .swiper-pagination-bullets{padding: 8px 20px; position: absolute; left: auto !important; right: 52px !important; bottom: 78px !important; width: auto !important; background-color: rgba(255, 255, 255, .2); border-radius: 20px; font-size: 0; z-index: 10;} .banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px !important; display: inline-block; vertical-align: middle; width: 24px; height: 24px; position: relative; background-color: transparent; opacity: 1;} .banner .swiper-pagination-bullets .swiper-pagination-bullet:before{content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .banner .swiper-pagination-bullets .swiper-pagination-bullet svg{display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .banner .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 2px solid rgba(255, 255, 255, .2);} .banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before{background-color: #135C98;} .banner .swiper-pagination-bullets .swiper-pagination-bullet-active svg{display: block; animation: circleLoad 5s linear;} .banner .swiper-pagination-fraction{position: absolute; left: 54px; bottom: 72px; width: auto; font-size: 0; z-index: 10;} .banner .swiper-pagination-fraction .swiper-pagination-fraction-current, .banner .swiper-pagination-fraction .icon, .banner .swiper-pagination-fraction .swiper-pagination-fraction-total{display: inline-block; vertical-align: bottom; font-size: 32px; color: #F0F1F6; font-family: Arial; line-height: 1;} .banner .swiper-pagination-fraction .swiper-pagination-fraction-current{margin-right: 14px; font-size: 50px; color: #E3010E;} .banner .swiper-pagination-fraction .icon{} .banner .swiper-pagination-fraction .swiper-pagination-fraction-total{margin-left: 10px;} .banner .mouse-btn{margin-left: -20px; position: absolute; left: 50%; bottom: 90px; width: 40px; height: 40px; background: url(../images/icon_mouse.png) center center no-repeat; -webkit-background-size: 23px auto; background-size: 23px auto; cursor: pointer; z-index: 20; animation: fadeDownAni 2s linear infinite alternate; -webkit-animation: fadeDownAni 2s linear infinite alternate;} .banner .mouse-btn:after{content: ''; position: absolute; left: 50%; top: 48px; width: 14px; height: 14px; background: url(../images/icon_mouse_jt.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} @keyframes fadeDownAni { from { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } to { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } } @-webkit-keyframes fadeDownAni /* Safari 与 Chrome */ { from { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } to { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } } @keyframes circleLoad { 0% { stroke-dashoffset: 63; } 100% { stroke-dashoffset: 0; } } /*ban*/ .ban{height: 600px; position: relative; overflow: hidden;} .ban img{display: block; width: 100%; height: 100%; object-fit: cover;} .ban .ban-cont{position: absolute; left: 0; top: 55.6%; right: 0; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .ban .ban-cont .tit{font-size: 54px; color: #FFFFFF; font-weight: normal; line-height: 1.1; font-family: SourceHanSansCN-Medium;} .ban .ban-cont .tit .en{margin-bottom: 12px; display: block; font-size: 26px; color: #FFFFFF; text-transform: uppercase; font-family: Arial;} /*index*/ .row-index01{padding-bottom: 87px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; z-index: 10;} .box-so02{padding: 20px; padding-left: 364px;} .box-so02 input{outline: none; border: none;} .box-so02 .box-so02-in{border: 15px solid #CD0E1D; position: relative; overflow: hidden;} .box-so02 .inp{padding: 0 30px; padding-right: 180px; display: block; width: 100%; height: 80px; line-height: 80px; background-color: #fff; font-size: 16px; color: #111111;} .box-so02 .submit{display: block; position: absolute; right: -2px; top: 50%; width: 180px; height: 84px; line-height: 84px; background-color: #96010A; text-align: center; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .box-so02 .submit input{position: absolute; left: -999px;} .box-so02 .submit .icon, .box-so02 .submit .text{display: inline-block; vertical-align: middle; font-size: 20px; color: #FFFFFF; font-family: SourceHanSansCN-Medium;} .box-so02 .submit .icon{margin: 0 12px 0 0; width: 24px; height: 24px; background: url(../images/icon_so.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .box-so02 .submit .text{} .cp-cont01{position: relative; background-color: #FFFFFF; display: -webkit-flex; display: flex;} .cp-cont01 .hd{padding: 67px 20px 54px; padding-left: 58px; position: absolute; left: 0; bottom: 100%; width: 346px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; z-index: 10;} .cp-cont01 .hd .tit{font-size: 46px; color: #FFFFFF; font-weight: normal; line-height: 1.1; font-family: SourceHanSansCN-Medium;} .cp-cont01 .hd .desc{margin-top: 12px; font-size: 15px; color: #FFFFFF; line-height: 1.2;} .cp-cont01 .cp-cont01-in{width: 346px; flex-shrink: 0;} .cp-cont01 .tabsDesc01{width: calc(100% - 346px); flex-shrink: 0;} .cp-cont01-in{background-color: #2174B9;} .cp-cont01-in .more-btn{} .cp-cont01-in .more-btn .a1{padding: 0 40px; display: block; height: 82px; font-size: 18px; color: #FFFFFF; display: -webkit-flex; display: flex; align-items: center;} .cp-cont01-in .more-btn .a1:hover{text-decoration: underline;} .tabsTit01{border-top: 1px solid rgba(255, 255, 255, .1);} .tabsTit01 .tabsTit01-item{border-bottom: 1px solid rgba(255, 255, 255, .1);} .tabsTit01 .a1{padding: 10px 40px; padding-right: 70px; display: block; font-size: 18px; color: #FFFFFF; min-height: 81px; position: relative; display: -webkit-flex; display: flex; align-items: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .tabsTit01 .a1:after{content: ''; position: absolute; right: 42px; top: 50%; width: 25px; height: 5px; background: url(../images/icon_more.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .tabsTit01 .a1:hover, .tabsTit01 .tabsTit01-item.on .a1{background-color: #E50001;} .tabsTit01 .a1:hover:after, .tabsTit01 .tabsTit01-item.on .a1:after{opacity: 1;} .tabsDesc01{overflow: hidden;} .tabsDesc01 .tabsDesc01-item{display: none;} .tabsDesc01 .tabsDesc01-item.on{height: 100%; display: block;} .cp-ls01{margin: 0 -14px -30px; display: -webkit-flex; display: flex; flex-wrap: wrap;} .cp-ls01 .cp-ls01-item{padding: 0 14px; margin-bottom: 30px; width: 50%; flex-shrink: 0;} .cp-ls01 .con{display: block; height: 100%; background-color: #fff; position: relative;} .cp-ls01 .con:after{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #E3010E; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .cp-ls01 .pic{height: 470px; line-height: 470px; font-size: 0; text-align: center; position: relative; overflow: hidden;} .cp-ls01 .pic .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .cp-ls01 .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; position: relative; z-index: 2; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .cp-ls01 .inner{padding: 24px 42px 22px;} .cp-ls01 .inner .tit{font-size: 24px; color: #111111; font-weight: normal; height: 30px; line-height: 30px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .cp-ls01 .inner .desc{margin-top: 10px; font-size: 16px; color: #999999; line-height: 1.44; height: 2.88em; font-family: SourceHanSansCN-Light; overflow: hidden;} .cp-ls01 .con:hover:after{width: 100%;} .cp-ls01 .con:hover .pic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .cp-ls01 .con:hover .inner .tit{color: #E50001;} .cp-ls01.cp-swp01{margin: 0; height: 100%; display: block; position: relative; overflow: hidden;} .cp-ls01.cp-swp01 .swiper-slide{height: auto;} .cp-ls01.cp-swp01 .swiper-slide:after{content: ''; position: absolute; right: -1px; top: 0; bottom: 0; width: 1px; background-color: rgba(210, 210, 210, .3); z-index: 2;} .cp-ls01.cp-swp01 .inner{padding: 20px 42px 22px;} .cp-ls01.cp-swp01 .con:hover .inner .tit{color: #2174B9;} .cp-ls01.cp-swp01 .swiper-button-prev, .cp-ls01.cp-swp01 .swiper-button-next{position: absolute; top: 54%; width: 82px; height: 68px; background-color: #2174B9; background-repeat: no-repeat; -webkit-background-size: 12px auto; background-size: 12px auto; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .cp-ls01.cp-swp01 .swiper-button-prev{left: -41px; background-image: url(../images/icon_arrow_l.png); background-position: right 18px center;} .cp-ls01.cp-swp01 .swiper-button-next{right: -41px; background-image: url(../images/icon_arrow_r.png); background-position: left 18px center;} .cp-ls01.cp-swp01 .swiper-button-prev:after, .cp-ls01.cp-swp01 .swiper-button-next:after{display: none;} .cp-ls01.cp-swp01 .swiper-button-prev:hover, .cp-ls01.cp-swp01 .swiper-button-next:hover{background-color: #E50001;} .row-index02{overflow: hidden;} .hy-swp01{height: 750px; position: relative; overflow: hidden;} .hy-swp01 .circle-line{position: absolute; right: 228px; top: 0; bottom: 0; width: 165px; background: url(../images/hy_line.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; z-index: 9;} .hy-swp01 .nav{position: absolute; right: 216px; top: 50%; height: 45%; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden;} .hy-swp01 .nav .swiper-slide{} .hy-swp01 .nav .con{padding-right: 36px; height: 100%; font-size: 0; text-align: right; cursor: pointer; position: relative; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .hy-swp01 .nav .circle-icon{position: absolute; right: 0; top: 50%; width: 36px; height: 36px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%;} .hy-swp01 .nav .circle-icon:before{content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; background-color: #FFFFFF; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .hy-swp01 .nav .circle-icon svg{display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .hy-swp01 .nav .tit{padding: 0 20px; display: inline-block; vertical-align: middle; font-size: 18px; color: #FFFFFF; line-height: 40px; font-weight: normal; border-radius: 20px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .hy-swp01 .nav .swiper-slide:nth-child(4n){padding-right: 19px;} .hy-swp01 .nav .swiper-slide:nth-child(4n-1){padding-right: 9px;} .hy-swp01 .nav .swiper-slide:nth-child(4n-2){padding-right: 7px;} .hy-swp01 .nav .swiper-slide:nth-child(4n-3){padding-right: 13px;} .hy-swp01 .nav .swiper-slide-thumb-active{} .hy-swp01 .nav .swiper-slide-thumb-active .con{padding-right: 48px;} .hy-swp01 .nav .swiper-slide-thumb-active .tit{background-color: #E71C2B; font-size: 20px; color: #FFFFFF;} .hy-swp01 .nav .swiper-slide-thumb-active .circle-icon{border: 4px solid rgba(255, 255, 255, .3);} .hy-swp01 .nav .swiper-slide-thumb-active .circle-icon:before{background-color: #EB2526;} .hy-swp01 .nav .swiper-slide-thumb-active .circle-icon svg{display: block; animation: circleLoad 5s linear;} .hy-swp01 .for{height: 100%; position: relative; overflow: hidden;} .hy-swp01 .for .swiper-slide{} .hy-swp01 .for .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .hy-swp01 .for .cont{position: absolute; left: 0; top: 134px; right: 0; z-index: 2;} .hy-swp01 .for .cont .tit{width: 50%; font-size: 46px; color: #FFFFFF; font-weight: normal; line-height: 1.1; font-family: SourceHanSansCN-Medium;} .hy-swp01 .for .cont .desc{margin-top: 31px; width: 50%; font-size: 16px; color: #FFFFFF; line-height: 2.06;} .hy-swp01 .for .cont .m-btn01{margin-top: 43px;} .row-index03{padding: 80px 0 95px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .row-index03 .m-tit01{margin-bottom: 53px;} .al-swp01{height: 569px; position: relative;} .al-swp01 .swiper-slide{} .al-swp01 .con{display: block; height: 100%; background-color: #fff; opacity: .6; display: -webkit-flex; display: flex; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp01 .pic{width: 50%; position: relative; overflow: hidden; flex-shrink: 0;} .a1-swp01 .pic:after{content: ''; display: block; padding-top: 79.03%;} .al-swp01 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .al-swp01 .inner{padding: 77px 50px; width: 50%; position: relative; flex-shrink: 0;} .al-swp01 .inner:after{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #E50001; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp01 .al-logo{position: absolute; right: 36px; bottom: 0; width: 182px; overflow: hidden; opacity: .05;} .al-swp01 .al-logo img{display: block; width: 100%;} .al-swp01 .hd{margin-bottom: 25px; font-size: 0; display: -webkit-flex; display: flex; justify-content: space-between;} .al-swp01 .hd .tit{width: calc(100% - 80px); font-size: 30px; color: #333333; font-weight: normal; line-height: 1.5; flex-shrink: 0; font-family: SourceHanSansCN-Medium; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;} .al-swp01 .hd .gq{width: 60px; height: 40px; line-height: 40px; font-size: 0; overflow: hidden; flex-shrink: 0;} .al-swp01 .hd .gq img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .al-swp01 .info{padding-bottom: 30px; margin: 0 -5px -10px; font-size: 0;} .al-swp01 .info .t1{margin: 0 5px 10px; padding: 12px 14px; display: inline-block; vertical-align: middle; font-size: 14px; color: #FFFFFF; line-height: 1.2; background-color: #2174B9; border-radius: 20px;} .al-swp01 .desc{font-size: 16px; color: #999999; line-height: 1.63; height: 4.89em; overflow: hidden;} .al-swp01 .more-btn{margin-top: 26px; font-size: 0;} .al-swp01 .more-btn .a1{padding-bottom: 10px; display: inline-block; vertical-align: middle; font-size: 16px; color: #999999; position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp01 .more-btn .a1:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: rgba(153, 153, 153, .5); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp01 .more-btn .a1 .icon{margin: -2px 0 0 6px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(../images/icon_arrow_r4.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp01 .swiper-slide-active .con{opacity: 1;} .al-swp01 .con:hover .pic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .al-swp01 .con:hover .inner:after{width: 100%;} .al-swp01 .con:hover .more-btn .a1{color: #2174B9;} .al-swp01 .con:hover .more-btn .a1:after{background-color: #2174B9;} .al-swp01 .con:hover .more-btn .a1 .icon{background-image: url(../images/icon_arrow_r6.png);} .al-swp01 .swiper-button-prev, .al-swp01 .swiper-button-next{margin: 0; position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; background-color: #E50001; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 11px auto; background-size: 11px auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;} .al-swp01 .swiper-button-prev{left: -78px; background-image: url(../images/icon_arrow_l.png);} .al-swp01 .swiper-button-next{right: -78px; background-image: url(../images/icon_arrow_r.png);} .al-swp01 .swiper-button-prev:after, .al-swp01 .swiper-button-next:after{display: none;} .al-swp01 .swiper-button-prev:hover, .al-swp01 .swiper-button-next:hover{background-color: #2174B9;} .row-index04{padding: 116px 0 158px; height: 871px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; overflow: hidden;} .row-index04 .m-tit01{width: 800px; position: relative; z-index: 2;} .row-index04 .m-btn01{position: relative; z-index: 2;} .map01{position: absolute; width: 42.26%; right: 209px; top: 158px; overflow: hidden;} .map01 img{display: block; width: 100%;} .map01 .point{position: absolute; right: 164px; top: 90px; width: 17px; height: 21px; background: url(../images/icon_addr2.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;/* animation: fadeBigAni 2s alternate infinite; -webkit-animation: fadeBigAni 2s alternate infinite;*/} @keyframes fadeBigAni { from { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } } @-webkit-keyframes fadeBigAni /* Safari 与 Chrome */ { from { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } } .ys01{position: absolute; left: 0; bottom: 0; right: 0; background-color: #FFFFFF; z-index: 10;} .ys-ls01{min-height: 150px; border-right: 1px solid rgba(40, 161, 48, .1); display: -webkit-flex; display: flex; justify-content: space-between;} .ys-ls01 .ys-ls01-item{width: 20%; border-left: 1px solid rgba(40, 161, 48, .1); flex-shrink: 0;} .ys-ls01 .con{padding: 0 26px; height: 100%; cursor: pointer; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;} .ys-ls01 .icon{width: 80px; height: 80px; line-height: 80px; font-size: 0; overflow: hidden; flex-shrink: 0; order: 2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .ys-ls01 .icon img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .ys-ls01 .inner{padding-right: 10px; width: calc(100% - 80px); flex-shrink: 0; order: 1;} .ys-ls01 .tit{padding-bottom: 12px; font-size: 20px; color: #333333; font-weight: normal; line-height: 1.1; position: relative; font-family: SourceHanSansCN-Medium;} .ys-ls01 .tit:after{content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 2px; background-color: #EB2526;} .ys-ls01 .tit .en{margin-top: 8px; display: block; font-size: 16px; color: #2174B9; font-family: Arial;} .ys-ls01 .con:hover .icon{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .row-index05{padding: 86px 0 100px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .row-index05 .box-hd01{margin-bottom: 46px;} .box-hd01{display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end;} .box-hd01 .m-tit01{flex-shrink: 0;} .box-hd01 .m-tit01 .tit .en{margin-bottom: 8px;} .box-hd01 .box-hd01-r{font-size: 0; flex-shrink: 0;} .box-hd01 .tabsTit02, .box-hd01 .m-btn02{display: inline-block; vertical-align: middle;} .tabsTit02{font-size: 0;} .tabsTit02 .tabsTit02-item{margin-right: 19px; display: inline-block; vertical-align: middle;} .tabsTit02 .a1{display: block; font-size: 18px; color: #666666; min-width: 174px; text-align: center; background-color: #FFFFFF; border-radius: 27px; line-height: 54px;} .tabsTit02 .tabsTit02-item.on .a1{background-color: #2174B9; color: #FFFFFF; font-family: SourceHanSansCN-Medium;} .tabsDesc02{overflow: hidden;} .tabsDesc02 .tabsDesc02-item{display: none;} .tabsDesc02 .tabsDesc02-item.on{display: block;} .xw01{overflow: hidden; display: -webkit-flex; display: flex; justify-content: space-between;} .xw01 .col-l{float: none; width: 65.49%; flex-shrink: 0;} .xw01 .col-r{float: none; width: 32.29%; flex-shrink: 0;} .xw01 .xw01-scoll-y{padding-right: 25px; height: 528px; overflow-y: auto;} .xw01 .xw01-scoll-y::-webkit-scrollbar { width: 4px; } .xw01 .xw01-scoll-y::-webkit-scrollbar-track { background: #D4DBE2; } .xw01 .xw01-scoll-y::-webkit-scrollbar-thumb { background: #EB2526; } .xw01 .xw01-scoll-y::-webkit-scrollbar-thumb:window-inactive { background: #EB2526; } .xw01 .xw-ls02{padding: 2px 30px;} .xw-ls01{margin: 0 -16px -42px; height: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap;} .xw-ls01 .xw-ls01-item{margin-bottom: 42px; padding: 0 16px; width: 50%; height: 100%; flex-shrink: 0;} .xw-ls01 .con{display: block; height: 100%; background-color: #FFFFFF; position: relative;} .xw-ls01 .con:after{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #EB2526; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .xw-ls01 .pic{padding-top: 60.57%; position: relative; overflow: hidden;} .xw-ls01 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .xw-ls01 .inner{padding: 30px 30px 44px;} .xw-ls01 .date{margin-bottom: 12px; font-size: 16px; color: #2174B9; line-height: 1.1; font-style: italic; font-family: Arial;} .xw-ls01 .tit{margin-bottom: 14px; font-size: 20px; color: #333333; font-weight: normal; line-height: 1.5; font-family: SourceHanSansCN-Regular; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .xw-ls01 .desc{margin-bottom: 35px; font-size: 16px; color: #999999; line-height: 1.44; height: 2.88em; overflow: hidden;} .xw-ls01 .more-btn{font-size: 0;} .xw-ls01 .more-btn .a1{padding-bottom: 3px; display: inline-block; vertical-align: middle; font-size: 14px; color: #999999; position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .xw-ls01 .more-btn .a1:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #2174B9; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .xw-ls01 .more-btn .a1 .icon{margin: -2px 0 0 4px; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url(../images/icon_arrow_r4.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .xw-ls01 .con:hover:after{width: 100%;} .xw-ls01 .con:hover .pic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .xw-ls01 .con:hover .tit{color: #2174B9;} .xw-ls01 .con:hover .more-btn .a1{color: #2174B9;} .xw-ls01 .con:hover .more-btn .a1 .icon{background-image: url(../images/icon_arrow_r6.png);} .xw-ls01 .con:hover .more-btn .a1:after{opacity: 1;} .xw-ls01.xw-swp02{margin: 0; position: relative; display: block;} .xw-ls01.xw-swp02 .slider{position: relative; overflow: hidden;} .xw-ls01.xw-swp02 .swiper-button-prev, .xw-ls01.xw-swp02 .swiper-button-next{margin: 0; position: absolute; top: 50%; width: 64px; height: 64px; background-repeat: no-repeat; background-position: center center; background-color: #fff; -webkit-background-size: 9px auto; background-size: 9px auto; border-radius: 50%; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .xw-ls01.xw-swp02 .swiper-button-prev{left: -116px; background-image: url(../images/icon_arrow_l2.png);} .xw-ls01.xw-swp02 .swiper-button-next{right: -116px; background-image: url(../images/icon_arrow_r7.png);} .xw-ls01.xw-swp02 .swiper-button-prev:after, .xw-ls01.xw-swp02 .swiper-button-next:after{display: none;} .xw-ls01.xw-swp02 .swiper-button-prev:hover, .xw-ls01.xw-swp02 .swiper-button-next:hover{background-color: #E50001;} .xw-ls01.xw-swp02 .swiper-button-prev:hover{background-image: url(../images/icon_arrow_l.png);} .xw-ls01.xw-swp02 .swiper-button-next:hover{background-image: url(../images/icon_arrow_r.png);} .xw-ls02{background-color: #fff;} .xw-ls02 .xw-ls02-item{} .xw-ls02 .xw-ls02-item+.xw-ls02-item{border-top: 1px solid rgba(210, 210, 210, .3);} .xw-ls02 .con{padding: 34px 0; display: block;} .xw-ls02 .date{margin-bottom: 6px; font-size: 16px; color: #2174B9; line-height: 1.1; font-style: italic; font-family: Arial;} .xw-ls02 .tit{margin-bottom: 6px; font-size: 20px; color: #333333; font-weight: normal; line-height: 1.5; font-family: SourceHanSansCN-Regular; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .xw-ls02 .desc{font-size: 16px; color: #999999; line-height: 1.44; height: 2.88em; overflow: hidden;} .xw-ls02 .con:hover .tit{color: #2174B9;} .row-index06{padding: 114px 0 123px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .lxwm01{} .lxwm01 .title{margin-bottom: 16px; font-size: 46px; color: #FFFFFF; font-weight: normal; line-height: 1.1; font-family: SourceHanSansCN-Medium;} .lxwm01 .desc{margin-bottom: 49px; font-size: 18px; color: #FFFFFF; line-height: 1.5;} .lxwm01 .box-so03{width: 50.76%;} .box-so03{position: relative;} .box-so03 input{outline: none; border: none;} .box-so03 .inp{padding: 0 40px; padding-right: 202px; display: block; width: 100%; height: 70px; line-height: 70px; font-size: 18px; color: #333333; border-radius: 35px;} .box-so03 .submit{position: absolute; right: 0; top: 0; width: 192px; height: 70px; line-height: 70px; background-color: #2174B9; border-radius: 35px; font-size: 22px; color: #FFFFFF; text-align: center; cursor: pointer; font-family: SourceHanSansCN-Medium;} /*产品与技术列表*/ .row-cp01{padding: 68px 0 90px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .row-cp01 .m-tit01{margin-bottom: 39px;} .row-cp02{padding: 78px 0 98px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .row-cp02 .m-tit01{margin-bottom: 43px;} /*新闻资讯*/ .row-xw01{padding: 75px 0 78px; overflow: hidden;} .xw-swp01{position: relative; box-shadow: 0px 0px 18px 2px rgba(14,61,99,0.05); overflow: hidden;} .xw-swp01 .swiper-slide{} .xw-swp01 .con{display: block; background-color: #FFFFFF; display: -webkit-flex; display: flex;} .xw-swp01 .pic{width: 49.17%; position: relative; overflow: hidden; flex-shrink: 0;} .xw-swp01 .pic:after{content: ''; display: block; padding-top: 62.48%;} .xw-swp01 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .xw-swp01 .inner{padding: 60px 58px; width: 50.83%; flex-shrink: 0;} .xw-swp01 .date{margin-bottom: 16px; font-size: 16px; color: #2174B9; line-height: 1.1; font-style: italic; font-family: Arial;} .xw-swp01 .tit{margin-bottom: 14px; font-size: 30px; color: #2174B9; font-weight: normal; line-height: 1.5; font-family: SourceHanSansCN-Regular; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;} .xw-swp01 .desc{margin-bottom: 32px; font-size: 16px; color: #999999; line-height: 2; height: 6em; font-family: SourceHanSansCN-Light; overflow: hidden;} .xw-swp01 .more-btn{font-size: 0;} .xw-swp01 .more-btn .a1{padding-bottom: 4px; display: inline-block; vertical-align: middle; position: relative; font-size: 14px; color: #2174B9; position: relative;} .xw-swp01 .more-btn .a1:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #2174B9;} .xw-swp01 .more-btn .a1 .icon{margin: -2px 0 0 4px; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url(../images/icon_arrow_r6.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .xw-swp01 .con:hover .pic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .xw-swp01 .swiper-pagination{position: absolute; right: 0 !important; top: auto !important; bottom: 48px !important; left: calc(49.17% + 58px) !important; width: auto !important; font-size: 0; text-align: left;} .xw-swp01 .swiper-pagination .swiper-pagination-bullet{margin-right: 7px; display: inline-block; vertical-align: middle; width: 44px; height: 3px; background-color: rgba(33, 116, 185, .2); border-radius: 0; opacity: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .xw-swp01 .swiper-pagination .swiper-pagination-bullet-active{background-color: #D50D1C;} .row-xw02{padding: 74px 0 98px; background-color: #F7F9FA; overflow: hidden;} .row-xw02 .box-so04{margin-bottom: 65px;} .box-so04{font-size: 0;} .box-so04 .sel, .box-so04 .input, .box-so04 .submit{margin-right: 20px; display: inline-block; vertical-align: middle;} .box-so04 .sel{width: 230px;} .box-so04 .sel select, .box-so04 .sel .inp{padding: 0 40px 0 30px; width: 100%; height: 60px; line-height: 60px; border-radius: 30px; background: #fff url(../images/icon_arrow_down.png) right 32px center no-repeat; -webkit-background-size: 15px auto; background-size: 15px auto; font-size: 16px; color: #C2C2C2; cursor: pointer;} .box-so04 .input{width: 333px; position: relative;} .box-so04 .input .so-icon{position: absolute; left: 20px; top: 50%; width: 24px; height: 24px; background: url(../images/icon_so3.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .box-so04 .input .inp{padding: 0 20px 0 54px; display: block; width: 100%; height: 60px; line-height: 60px; background-color: #fff; border-radius: 30px; font-size: 16px; color: #333;} .box-so04 .submit{width: 149px; height: 60px; line-height: 60px; background-color: #2174B9; border-radius: 30px; font-size: 20px; color: #FFFFFF; text-align: center; cursor: pointer;} /*新闻详情*/ .row-dt01{padding: 65px 0 75px; overflow: hidden;} .dt01{position: relative;} .dt01 .share01{position: absolute; left: calc(100% + 44px); top: 0; z-index: 10;} .share01{padding: 32px 10px 39px; width: 100px; background-color: #F7F9FA;} .share01 .tit{margin-bottom: 30px; font-size: 16px; color: #999999; line-height: 1.1; text-align: center; font-family: SourceHanSansCN-Light;} .share01 .btn{} .share01 .btn .a1{padding: 0; margin: 0 auto; float: none; display: block; width: 42px; height: 42px; line-height: 42px; font-size: 0; text-align: center; background-color: #E4E8EA; border-radius: 5px;} .share01 .btn .a1+.a1{margin-top: 18px;} .share01 .btn .a1.bshare-weixin{background: #E4E8EA url(../images/icon_wx.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .share01 .btn .a1.bshare-qqim{background: #E4E8EA url(../images/icon_qq.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .share01 .btn .a1.bshare-qzone{background: #E4E8EA url(../images/icon_qqkj.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .share01 .btn .a1.bshare-sinaminiblog{background: #E4E8EA url(../images/icon_wb.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .bsBox{width: auto !important; height: auto !important;} .dt01 .hd{padding-bottom: 58px; position: relative;} .dt01 .hd:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 17px; background: url(../images/icon_line.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .dt01 .hd .tit{margin-bottom: 28px; font-size: 34px; color: #333333; font-weight: normal; font-family: SourceHanSansCN-Medium;} .dt01 .hd .info{font-size: 16px; color: #BCBCBC; line-height: 1.2;} .dt01 .hd .info .t1{margin-right: 32px; display: inline-block; vertical-align: middle;} .dt01 .hd .info .t1 span{padding: 0 5px; margin: 0 4px; cursor: pointer;} .dt01 .hd .info .t1 .on{font-size: 20px; color: #D50D1C;} .dt01 .cont{padding: 42px 0; font-size: 18px; color: #666666; line-height: 1.94; font-family: SourceHanSansCN-Light;} .dtPage{background-color: #F7F9FA; overflow: hidden;} .dtPage .prev, .dtPage .next{padding: 35px 35px 38px; float: left; width: 50%;} .dtPage .tit{margin-bottom: 6px; font-size: 18px; color: #999999;} .dtPage .a1{display: block; font-size: 18px; color: #333333; height: 24px; line-height: 24px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .dtPage .next{text-align: right;} .dtPage .a1:hover{color: #2174B9;} .row-tj01{padding: 74px 0 96px; background-color: #F7F9FA; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .row-tj01 .m-tit01{margin-bottom: 63px;} /*工程案例*/ .row-bloc01{padding: 63px 0 81px; position: relative; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .bloc-bg01{position: absolute; right: 0; top: 210px; width: 374px; overflow: hidden; z-index: -1;} .bloc-bg01 img{display: block; width: 100%;} .row-bloc01 .col-l{float: left; width: 284px;} .row-bloc01 .col-r{float: right; width: calc(100% - 314px);} .slideNav01{} .slideNav01 .item{margin-bottom: 39px; border: 1px solid #E5E5E5; background-color: #fff;} .slideNav01 .hd{padding: 37px 15px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .slideNav01 .hd .tit{font-size: 26px; color: #FFFFFF; font-weight: normal; line-height: 1.2; text-align: center; font-family: SourceHanSansCN-Bold;} .slideNav-ls01{position: relative; z-index: 2;} .slideNav-ls01:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; background-color: #DEE9F5; z-index: -1;} .slideNav-ls01 .slideNav-ls01-item{} .slideNav-ls01 .slideNav-ls01-item+.slideNav-ls01-item{border-top: 1px solid rgba(210, 210, 210, .4);} .slideNav-ls01 .a1{padding: 0 27px; padding-right: 40px; display: block; font-size: 16px; color: #666666; line-height: 73px; position: relative; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .slideNav-ls01 .a1:before{content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 100%; background-color: #D50D1C; -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); -o-transform: translateX(-8px); transform: translateX(-8px); opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .slideNav-ls01 .a1 .icon{position: absolute; right: 28px; top: 50%; width: 8px; height: 15px; background: url(../images/icon_arrow_r8.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .slideNav-ls01 .on .a1, .slideNav-ls01 .a1:hover{background-color: #EBF2F9; color: #D50D1C;} .slideNav-ls01 .on .icon, .slideNav-ls01 .a1:hover .icon{background-image: url(../images/icon_arrow_r7.png);} .slideNav-ls01 .on .a1:before, .slideNav-ls01 .a1:hover:before{-webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1;} .slideNav-ls01.slideNav-ls01_2:before{display: none;} .al-swp02{margin-bottom: 42px; padding: 28px 35px; background-color: #fff; overflow: hidden;} .al-swp02 .slider{position: relative; overflow: hidden;} .al-swp02 .swiper-slide{} .al-swp02 .con{display: block; background-color: #FFFFFF; display: -webkit-flex; display: flex;} .al-swp02 .pic{width: 48.2%; position: relative; overflow: hidden; flex-shrink: 0;} .al-swp02 .pic:after{content: ''; display: block; padding-top: 75.05%;} .al-swp02 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .al-swp02 .inner{padding: 32px 0; padding-left: 42px; width: 51.8%; flex-shrink: 0;} .al-swp02 .tit{margin-bottom: 18px; font-size: 30px; color: #333333; font-weight: normal; line-height: 1.5; font-family: SourceHanSansCN-Medium; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp02 .desc{margin-bottom: 24px; font-size: 16px; color: #999999; line-height: 2; height: 8em; font-family: SourceHanSansCN-Light; overflow: hidden;} .al-swp02 .more-btn{font-size: 0;} .al-swp02 .more-btn .a1{padding-bottom: 10px; display: inline-block; vertical-align: middle; position: relative; font-size: 16px; color: #999999; position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp02 .more-btn .a1:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #EEEEEE; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp02 .more-btn .a1 .icon{margin: -2px 0 0 4px; display: inline-block; vertical-align: middle; width: 19px; height: 19px; background: url(../images/icon_arrow_r4.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp02 .con:hover .pic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .al-swp02 .con:hover .tit{color: #2174B9;} .al-swp02 .con:hover .more-btn .a1{color: #2174B9;} .al-swp02 .con:hover .more-btn .a1:after{background-color: #2174B9;} .al-swp02 .con:hover .more-btn .a1 .icon{background-image: url(../images/icon_arrow_r6.png);} .al-swp02 .swiper-pagination{position: absolute; right: 0 !important; top: auto !important; bottom: 35px !important; left: calc(48.2% + 42px) !important; width: auto !important; font-size: 0; text-align: left;} .al-swp02 .swiper-pagination .swiper-pagination-bullet{margin-right: 7px; display: inline-block; vertical-align: middle; width: 44px; height: 3px; background-color: rgba(33, 116, 185, .2); border-radius: 0; opacity: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-swp02 .swiper-pagination .swiper-pagination-bullet-active{background-color: #D50D1C;} .al-ls01{margin: 0 -19px -38px; font-size: 0;} .al-ls01 .al-ls01-item{padding: 0 19px; margin-bottom: 38px; display: inline-block; vertical-align: top; width: 33.33%;} .al-ls01 .con{display: block; background-color: #fff; position: relative;} .al-ls01 .con:after{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #D50D1C; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-ls01 .pic{padding-top: 75.71%; position: relative; overflow: hidden;} .al-ls01 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s;} .al-ls01 .inner{padding: 22px 20px;} .al-ls01 .tit{font-size: 18px; color: #333333; font-weight: normal; line-height: 1.5; text-align: center; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-ls01 .con:hover:after{width: 100%;} .al-ls01 .con:hover .pic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .al-ls01 .con:hover .tit{color: #D50D1C;} .al-ls01.al-swp03{margin: 0; position: relative;} .al-ls01.al-swp03 .slider{position: relative; overflow: hidden;} .al-ls01.al-swp03 .swiper-button-prev, .al-ls01.al-swp03 .swiper-button-next{margin: 0; position: absolute; top: 50%; width: 64px; height: 64px; background-repeat: no-repeat; background-position: center center; background-color: #fff; -webkit-background-size: 9px auto; background-size: 9px auto; border-radius: 50%; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .al-ls01.al-swp03 .swiper-button-prev{left: -116px; background-image: url(../images/icon_arrow_l2.png);} .al-ls01.al-swp03 .swiper-button-next{right: -116px; background-image: url(../images/icon_arrow_r7.png);} .al-ls01.al-swp03 .swiper-button-prev:after, .al-ls01.al-swp03 .swiper-button-next:after{display: none;} .al-ls01.al-swp03 .swiper-button-prev:hover, .al-ls01.al-swp03 .swiper-button-next:hover{background-color: #E50001;} .al-ls01.al-swp03 .swiper-button-prev:hover{background-image: url(../images/icon_arrow_l.png);} .al-ls01.al-swp03 .swiper-button-next:hover{background-image: url(../images/icon_arrow_r.png);} /*工程案例-详情*/ .dt02{padding: 63px 50px 65px; background-color: #FFFFFF; overflow: hidden;} .dt02 .hd{padding-bottom: 38px; position: relative;} .dt02 .hd:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 17px; background: url(../images/icon_line.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .dt02 .hd .tit{margin-bottom: 24px; font-size: 34px; color: #333333; font-weight: normal; line-height: 1.2; font-family: SourceHanSansCN-Medium;} .dt02 .hd .info{margin-bottom: -10px; font-size: 0;} .dt02 .hd .info .t1{margin: 0 10px 10px 0; padding: 10px 18px; display: inline-block; vertical-align: middle; font-size: 14px; color: #FFFFFF; background-color: #2174B9; border-radius: 20px;} .dt02 .cont{padding: 16px 0; font-size: 18px; color: #666666; line-height: 1.89; font-family: SourceHanSansCN-Light;} .row-tj02{padding: 74px 0 123px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .row-tj02 .m-tit01{margin-bottom: 57px;} /*产品与技术-板式蒸发与冷凝器*/ .cpDt01{margin-bottom: 62px; overflow: hidden;} .cpDt01 .cp-swp02{float: left; width: 50.6%;} .cpDt01 .cpDt-info01{padding: 12px 0 0 40px; overflow: hidden;} .cp-swp02{position: relative; overflow: hidden;} .cp-swp02 .for{margin-bottom: 11px; position: relative; background: url(../images/cpDt_bg1.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .cp-swp02 .for .swiper-slide{} .cp-swp02 .for .pic{height: 380px; line-height: 380px; font-size: 0; text-align: center; overflow: hidden;} .cp-swp02 .for .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .cp-swp02 .nav{position: relative; overflow: hidden;} .cp-swp02 .nav .swiper-slide{cursor: pointer;} .cp-swp02 .nav .pic{height: 65px; line-height: 63px; border: 1px solid #E5E5E5; font-size: 0; text-align: center; overflow: hidden;} .cp-swp02 .nav .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .cp-swp02 .nav .swiper-slide-thumb-active{} .cp-swp02 .nav .swiper-slide-thumb-active .pic{line-height: 61px; border-width: 2px; border-color: #EC1D27;} .cp-swp02 .nav .swiper-scrollbar{margin-top: 2px; position: static; width: 100%; height: 6px;} .cp-swp02 .nav .swiper-scrollbar .swiper-scrollbar-drag{background-color: #2174B9;} .cp-swp02 .nav .swiper-scrollbar.hide{display: none !important;} .cpDt-info01{} .cpDt-info01 .hd{margin-bottom: 23px; padding-bottom: 23px; border-bottom: 1px solid rgba(170, 170, 170, .4);} .cpDt-info01 .hd .tit{font-size: 28px; color: #000000; font-weight: normal; line-height: 1.2; font-family: SourceHanSansCN-Regular;} .cpDt-info01 .desc{margin-bottom: 52px; padding-bottom: 29px; font-size: 16px; color: #777777; line-height: 2; border-bottom: 1px solid rgba(170, 170, 170, .4);} .cpDt-info01 .btn{font-size: 0;} .cpDt-info01 .btn .a1{display: inline-block; vertical-align: middle; background-color: #2174B9; border-radius: 5px; line-height: 60px; font-size: 24px; color: #FFFFFF; text-align: center; min-width: 240px; font-family: HelveticaInserat-Roman-SemiB;} .cpDt-info01 .btn .a1 .icon{margin: -2px 10px 0 0; display: inline-block; vertical-align: middle; width: 25px; height: 23px; background: url(../images/icon_tel5.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .cpDt02{} .cpDt-tabs01{margin-bottom: 17px; font-size: 0; background-color: #F7F9FA;} .cpDt-tabs01 .a1{padding: 0 15px; display: inline-block; vertical-align: middle; font-size: 18px; color: #333333; text-align: center; min-width: 154px; line-height: 70px; border-right: 1px solid rgba(220, 220, 220, .5);} .cpDt-tabs01 .on{background-color: #D50D1C; color: #fff;} .cpDt-item01{padding: 30px 0 38px;} .cpDt-item01+.cpDt-item01{border-top: 1px solid rgba(160, 160, 160, .2);} .cpDt-item01 .td01{margin-top: 33px;} .cpDt-item01 .yy01{margin-top: 24px;} .cpDt-item01 .table01{margin-top: 32px;} .cpDt-item01 .m-btn03{margin-top: 42px;} .cpDt-item01 .wjxz-ls01{margin-top: 20px;} .td01{padding: 20px 44px; background-color: #F7F9FA;} .td-ls01{font-size: 0;} .td-ls01 .td-ls01-item{padding: 6.5px 10px; padding-left: 20px; display: inline-block; vertical-align: top; width: 50%; font-size: 16px; color: #666666; position: relative;} .td-ls01 .td-ls01-item:before{content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background-color: #D50D1C; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .yy01{font-size: 16px; color: #666666; line-height: 2;} .table01{} .table01 table{width: 100%;} .table01 th, .table01 td{padding: 5px 10px; font-size: 16px; color: #666666; text-align: center; font-weight: normal; height: 59px; border-right: 3px solid #FFFFFF;} .table01 th{font-size: 20px; color: #FFFFFF; background-color: #D50D1C; font-family: SourceHanSansCN-Bold;} .table01 td{background-color: rgba(247, 249, 250, .5);} .table01 tr:nth-child(odd) td{background-color: #EAEFF2;} .wjxz-ls01{} .wjxz-ls01 .wjxz-ls01-item{border-bottom: 1px solid rgba(160, 160, 160, .2);} .wjxz-ls01 .con{padding: 15px 0; padding-left: 20px; display: block; position: relative; cursor: pointer; overflow: hidden;} .wjxz-ls01 .con:before{content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background-color: #AAAAAA; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .wjxz-ls01 .btn{margin-left: 20px; float: right; width: 85px; height: 32px; line-height: 30px; border: 1px solid #CBCBCB; border-radius: 5px; font-size: 16px; color: #999999; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .wjxz-ls01 .btn .icon{margin: -2px 4px 0 0; display: inline-block; vertical-align: middle; width: 18px; height: 14px; background: url(../images/icon_downLoad1.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .wjxz-ls01 .tit{font-size: 16px; color: #666666; font-weight: normal; line-height: 32px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .wjxz-ls01 .con:hover:before{background-color: #D50D1C;} .wjxz-ls01 .con:hover .tit{color: #D50D1C;} .wjxz-ls01 .con:hover .btn{background-color: #D50D1C; border-color: #D50D1C; color: #fff;} .wjxz-ls01 .con:hover .btn .icon{background-image: url(../images/icon_downLoad2.png);} /*产品与技术-蒸发浓缩技术*/ .cpDt03{margin-bottom: 40px;} .cpDt03 dl{} .cpDt03 dl+dl{margin-top: 20px;} .cpDt03 dt{padding: 15px 30px; padding-right: 80px; background-color: #FFFFFF; position: relative;} .cpDt03 dt:before{content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background-color: #2174B9;} .cpDt03 .tit{font-size: 26px; color: #111111; font-weight: normal; line-height: 55px; font-family: SourceHanSansCN-Medium; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .cpDt03 .icon{position: absolute; right: 34px; top: 50%; width: 45px; height: 45px; background: url(../images/icon_arrow_down4.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .cpDt03 dd{padding: 22px 0 26px; font-size: 0; overflow: hidden; display: none;} .cpDt03 .desc{font-size: 18px; color: #777777; line-height: 1.94;} .cpDt03 .desc2{font-size: 20px; color: #777777; line-height: 1.6;} .cpDt03 .desc2 span{font-size: 20px; color: #EC1D27; font-weight: bold; font-family: SourceHanSansCN-Bold;} .cpDt03 .al-swp04{margin-top: 27px;} .cpDt03 .dd-l{margin-right: 4%; display: inline-block; vertical-align: top; width: 48%;} .cpDt03 .dd-r{display: inline-block; vertical-align: top; width: 48%;} .cpDt03 .sm{margin-bottom: 26px; padding: 46px 42px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #D7E1EC; font-size: 20px; color: #777777; line-height: 1.6; overflow-y: auto; z-index: 15; display: none;} .cpDt03 dl.on dt{background-color: #2174B9;} .cpDt03 dl.on .tit{color: #FFFFFF;} .cpDt03 dl.on .icon{background-image: url(../images/icon_arrow_down5.png);} .al-swp04{position: relative; overflow: hidden;} .al-swp04 .for{margin-bottom: 8px; position: relative; overflow: hidden;} .al-swp04 .for .pic{padding-top: 49.82%; position: relative; overflow: hidden;} .al-swp04 .for .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .al-swp04 .nav{position: relative; position: relative; overflow: hidden;} .al-swp04 .nav .swiper-slide{cursor: pointer;} .al-swp04 .nav .pic{padding-top: 49.72%; position: relative; overflow: hidden;} .al-swp04 .nav .pic:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #D50D1C; opacity: 0;} .al-swp04 .nav .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .al-swp04 .nav .swiper-slide-thumb-active .pic:after{opacity: 1;} .cpDt-item02{} .cpDt-item02+.cpDt-item02{margin-top: 56px;} .cpDt-item02 .table01{margin-top: 30px;} .cpDt-item02 .m-btn03{margin-top: 37px;} .cpDt-item02 .wjxz-ls01{margin-top: 12px;} /*行业与应用-甘蔗制糖工业*/ .hy01{margin-bottom: 37px; position: relative;} .hy01 > img{display: block; width: 100%;} .hy01 .bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 800; display: none;} .hy01 .btn{} .hy01 .btn .item{position: absolute;} .hy01 .btn .item.on{} .hy01 .btn .item.on .bd{display: block; z-index: 801;} .hy01 .btn .item.on .a{background-color: #EC1D27; z-index: 801;} .hy01 .btn .item.on .a:after{opacity: 1;} .hy01 .btn .a{padding: 0 24px; display: block; font-size: 20px; color: #FFFFFF; font-family: SourceHanSansCN-Medium; background-color: #2174B9; line-height: 39px; border-radius: 20px; position: relative; z-index: 1;} .hy01 .btn .a:after{content: ''; position: absolute; left: -8px; top: -6px; right: -8px; bottom: -6px; background-color: rgba(236, 29, 39, .1); border-radius: 26px; z-index: -1; opacity: 0;} .hy01 .btn .it1{left: 35.8%; top: 23.47%;} .hy01 .btn .it2{right: 1.69%; top: 24.31%;} .hy01 .btn .it2 .bd{margin: 0; margin-left: -63px;} .hy01 .btn .it2 .bd:before{left: auto; right: 210px;} .hy01 .btn .it3{left: 1.6%; top: 48.47%;} .hy01 .btn .it4{right: 1.69%; top: 49.17%;} .hy01 .btn .it4 .bd{margin: 0; margin-left: -63px;} .hy01 .btn .it4 .bd:before{left: auto; right: 210px;} .hy01 .btn .it5{left: 36.51%; bottom: 4.44%;} .hy01 .btn .it6{right: 1.6%; bottom: 4.44%;} .hy01 .btn .it6 .bd{margin: 0; margin-left: -63px;} .hy01 .btn .it6 .bd:before{left: auto; right: 210px;} .hy01 .btn .bd{padding-top: 63px; margin-left: 88px; position: absolute; left: 50%; top: 100%; width: 589px; z-index: 10; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: none;} .hy01 .btn .bd:before{content: ''; position: absolute; left: 193px; top: 0; width: 28px; height: 63px; background: url(../images/icon_arrow_down6.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .hy01 .btn .bd .bd-in{padding: 50px 40px; background-color: #fff; position: relative;} .hy01 .btn .bd .close{position: absolute; right: 0; top: 0; width: 48px; height: 48px; background: url(../images/icon_close2.png) center center no-repeat; -webkit-background-size: 22px auto; background-size: 22px auto; cursor: pointer; z-index: 10;} .hy01 .btn .bd .tit{margin-bottom: 28px; font-size: 24px; color: #333333; font-weight: normal; line-height: 1.5; position: relative;} .hy01 .btn .bd .tit .icon{margin: -2px 10px 0 0; display: inline-block; vertical-align: middle; width: 22px; height: 22px; border-radius: 50%; background-color: rgba(236, 29, 39, .2); position: relative;} .hy01 .btn .bd .tit .icon:before{content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; background-color: #EC1D27; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .hy01 .btn .bd .txt{font-size: 18px; color: #777777; line-height: 1.67; font-family: SourceHanSansCN-Regular;} .hy01 .btn .bd .pic{height: 408px; line-height: 408px; font-size: 0; text-align: center;} .hy01 .btn .bd .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .gy-swp01{margin-bottom: 26px; padding-right: 110px; position: relative; overflow: hidden;} .gy-swp01 .sm-btn{position: absolute; left: 20px; bottom: 28px; width: 53px; height: 53px; background: #fff url(../images/icon_sm.png) center center no-repeat; -webkit-background-size: 21px auto; background-size: 21px auto; border-radius: 50%; cursor: pointer; z-index: 10;} .gy-swp01 .sm-btn.on{background-color: #2174B9; background-image: url(../images/icon_sm2.png);} .gy-swp01 .for{position: relative; background-color: #D7E1EC; overflow: hidden;} .gy-swp01 .for .pic{height: 333px; line-height: 333px; font-size: 0; text-align: center; overflow: hidden;} .gy-swp01 .for .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .gy-swp01 .nav{position: absolute; right: 0; top: 0; bottom: 0; width: 98px; z-index: 10;} .gy-swp01 .nav .swiper-slide{cursor: pointer;} .gy-swp01 .nav .pic{height: 100%; background-color: #d7e1ec; position: relative; overflow: hidden;} .gy-swp01 .nav .pic:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #D50D1C; opacity: 0;} .gy-swp01 .nav .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .gy-swp01 .nav .swiper-slide-thumb-active .pic:after{opacity: 1;} /*关于我们*/ .row-gywm01{padding: 89px 0 109px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .gsj01{margin-bottom: 75px; position: relative; z-index: 2; display: -webkit-flex; display: flex; justify-content: space-between;} .gsj01 .tit-en{position: absolute; left: 0; top: -30px; font-size: 252px; color: rgba(229, 0, 1, .02); line-height: 1; font-family: HelveticaInserat-Roman-SemiB; z-index: -1;} .gsj01 .left{padding-top: 6px; width: 45%; position: relative;} .gsj01 .right{width: 48.47%;} .gsj01 .m-tit01{margin-bottom: 20px; padding-bottom: 28px; border-bottom: 1px solid rgba(160, 160, 160, .2);} .gsj01 .desc{font-size: 16px; color: #686868; line-height: 2.19; position: relative;} .gsj01 .desc:after{content: ''; position: absolute; right: 0; top: 0; width: 64px; height: 64px; background: url(../images/icon_yh.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .gsj01 .desc .name{font-size: 18px; color: #2174B9; font-family: SourceHanSansCN-Bold;} .gsj01 .pic{overflow: hidden;} .gsj01 .pic img{display: block; width: 100%;} .gsj-ys01{background-color: #F4F9FF;} .gsj-ys01 .ys-ls01, .gsj-ys01 .ys-ls01 .ys-ls01-item{border: none;} .gsj-ys01 .ys-ls01 .ys-ls01-item+.ys-ls01-item{border-left: 1px solid rgba(40, 161, 48, .1) !important;} .row-gywm02{min-height: 867px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .row-gywm02 .wp{padding: 100px 0 117px; height: 100%; position: relative;} .row-gywm02 .m-tit01{position: absolute; left: 0; top: 82px; z-index: 10;} .scnl01{position: relative; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end;} .tabsTit04{margin-top: 109px; width: 280px; height: 554px; position: relative; z-index: 1; flex-shrink: 0; display: -webkit-flex; display: flex; flex-direction: column;} .tabsTit04 .tabsTit04-item{cursor: pointer; opacity: .2; position: relative; flex-grow: 1; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center;} .tabsTit04 .tabsTit04-item:after{content: ''; position: absolute; left: 190px; top: 50%; width: 0; height: 3px; background-color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .tabsTit04 .icon{width: 108px; height: 44px; line-height: 44px; font-size: 0; text-align: center; overflow: hidden;} .tabsTit04 .icon img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .tabsTit04 .tit{width: 108px; font-size: 18px; color: #FFFFFF; line-height: 1.5; text-align: center; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;} .tabsTit04 .on{opacity: 1;} .tabsTit04 .on:after{width: 73px; opacity: 1;} .tabsDesc04{width: calc(100% - 420px);} .tabsDesc04 .tabsDesc04-item{display: none;} .tabsDesc04 .tabsDesc04-item.on{display: block;} .scnl-swp01{position: relative; z-index: 2;} .scnl-swp01 .slider{position: relative; overflow: hidden;} .scnl-swp01 .slider .slider-in{margin: 0 -1px; position: relative; overflow: hidden;} .scnl-swp01 .swiper-slide{} .scnl-swp01 .hd{margin-bottom: 88px; font-size: 0; text-align: center;} .scnl-swp01 .hd .tit{display: inline-block; vertical-align: middle; border: 3px solid #313131; min-width: 275px; line-height: 64px; font-size: 34px; color: #333333; text-align: center; position: relative; font-family: SourceHanSansCN-Medium;} .scnl-swp01 .hd .tit:after{content: ''; position: absolute; left: 50%; top: 100%; width: 3px; height: 56px; background-color: #313131; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .scnl-swp01 .desc{margin-bottom: 33px; font-size: 16px; color: #666666; text-align: center; line-height: 2.1; min-height: 8.4em; position: relative;} .scnl-swp01 .desc:before, .scnl-swp01 .desc:after{content: ''; position: absolute;} .scnl-swp01 .desc:before{left: 45px; bottom: 123%; width: 68px; height: 58px; background: url(../images/icon_yh2.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .scnl-swp01 .desc:after{right: 0; bottom: -26px; width: 68px; height: 58px; background: url(../images/icon_yh3.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .scnl-swp01 .swiper-button-prev, .scnl-swp01 .swiper-button-next{margin: 0; position: absolute; top: 50%; width: 64px; height: 64px; background-color: #F7F9FA; border: 2px solid #FFFFFF; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 9px auto; background-size: 9px auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .scnl-swp01 .swiper-button-prev{left: -124px; background-image: url(../images/icon_arrow_l2.png);} .scnl-swp01 .swiper-button-next{right: -124px; background-image: url(../images/icon_arrow_r7.png);} .scnl-swp01 .swiper-button-prev:after, .scnl-swp01 .swiper-button-next:after{display: none;} .scnl-swp01 .swiper-button-prev:hover, .scnl-swp01 .swiper-button-next:hover{background-color: #E50001;} .scnl-swp01 .swiper-button-prev:hover{background-image: url(../images/icon_arrow_l.png);} .scnl-swp01 .swiper-button-next:hover{background-image: url(../images/icon_arrow_r.png);} .scnl-swp01 .imgs-ls01{white-space: nowrap; overflow-x: auto;} .imgs-ls01{padding-bottom: 10px; font-size: 0;} .imgs-ls01 .imgs-ls01-item{padding: 0 10px; display: inline-block; vertical-align: top; width: 50%;} .imgs-ls01 .pic{padding-top: 64.86%; position: relative; overflow: hidden;} .imgs-ls01 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .scnl-swp01 .imgs-ls01::-webkit-scrollbar { width: 100%; height: 10px; } .scnl-swp01 .imgs-ls01::-webkit-scrollbar-track { background: #D4DBE2; } .scnl-swp01 .imgs-ls01::-webkit-scrollbar-thumb { background: #EB2526; } .scnl-swp01 .imgs-ls01::-webkit-scrollbar-thumb:window-inactive { background: #EB2526; } .row-gywm03{padding: 107px 0 99px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden;} .row-gywm03 .m-tit01{margin-bottom: 28px;} .tabsTit03{margin-bottom: 66px; font-size: 0; text-align: center; white-space: nowrap; overflow-x: auto;} .tabsTit03::-webkit-scrollbar { width: 100%; height: 4px; } .tabsTit03::-webkit-scrollbar-track { background: #D4DBE2; } .tabsTit03::-webkit-scrollbar-thumb { background: #EB2526; } .tabsTit03::-webkit-scrollbar-thumb:window-inactive { background: #EB2526; } .tabsTit03 .tabsTit03-item{padding: 0 9px; display: inline-block; vertical-align: middle;} .tabsTit03 .a1{display: block; font-size: 20px; color: #333333; text-align: center; min-width: 178px; line-height: 56px; background-color: #E8F0F9; border-radius: 28px;} .tabsTit03 .tabsTit03-item.on .a1{background-color: #D50D1C; color: #FFFFFF;} .tabsDesc03{} .tabsDesc03 .tabsDesc03-item{display: none;} .tabsDesc03 .tabsDesc03-item.on{display: block;} .ryz-swp01{position: relative;} .ryz-swp01 .slider{padding-bottom: 109px; position: relative; overflow: hidden;} .ryz-swp01 .slider:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 142px; background: url(../images/icon_line3.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .ryz-swp01 .swiper-wrapper{align-items: flex-end;} .ryz-swp01 .swiper-slide{} .ryz-swp01 .con{padding: 0 5px; position: relative;} .ryz-swp01 .con:before{content: ''; position: absolute; left: 16px; top: 0; width: 8px; height: 8px; background-color: #2174B9; border-radius: 50%;} .ryz-swp01 .con:after{content: ''; position: absolute; left: 19px; top: 0; width: 2px; height: 290px; background: url(../images/icon_line2.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .ryz-swp01 .inner{padding-right: 22px; min-height: 240px;} .ryz-swp01 .date{margin-bottom: 20px; width: 188px; height: 45px; position: relative; font-size: 20px; text-align: center; color: #FFFFFF; font-family: HelveticaNeueLTStd-Bd; line-height: 25px; z-index: 2;} .ryz-swp01 .date:after{content: ''; position: absolute; left: 0; top: 0; width: 160px; height: 45px; background: url(../images/tit_bg2.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; z-index: -1;} .ryz-swp01 .desc{padding-left: 40px; font-size: 20px; color: #444444; line-height: 1.4; font-family: SourceHanSansCN-Regular;} .ryz-swp01 .pic{display: block; position: relative; overflow: hidden; cursor: pointer; z-index: 10;} .ryz-swp01 .pic img{display: block; width: 100%; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .ryz-swp01 .pic:hover img{-webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);} /*.ryz-swp01 .swiper-slide.even{padding: 0 14px;}*/ /*.ryz-swp01 .swiper-slide.even .pic{padding: 0 18px;}*/ /*.ryz-swp01 .swiper-slide.odd .inner{min-height: 264px;}*/ .ryz-swp01 .swiper-button-prev, .ryz-swp01 .swiper-button-next{margin: 0; position: absolute; top: 50%; width: 64px; height: 64px; background-color: #F7F9FA; border: 2px solid #FFFFFF; border-radius: 50%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 9px auto; background-size: 9px auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .ryz-swp01 .swiper-button-prev{left: -122px; background-image: url(../images/icon_arrow_l2.png);} .ryz-swp01 .swiper-button-next{right: -122px; background-image: url(../images/icon_arrow_r7.png);} .ryz-swp01 .swiper-button-prev:after, .ryz-swp01 .swiper-button-next:after{display: none;} .ryz-swp01 .swiper-button-prev:hover, .ryz-swp01 .swiper-button-next:hover{background-color: #E50001;} .ryz-swp01 .swiper-button-prev:hover{background-image: url(../images/icon_arrow_l.png);} .ryz-swp01 .swiper-button-next:hover{background-image: url(../images/icon_arrow_r.png);} .row-gywm04{padding-bottom: 78px; position: relative; overflow: hidden;} .map{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;} .map img{max-width: none; -webkit-transition: 0s; -o-transition: 0s; transition: 0s;} .anchorBL{display: none;} .lxwm02{padding: 60px; width: 544px; background-repeat: no-repeat; background-position: right bottom; background-color: #2174B9; position: relative; z-index: 2;} .lxwm02:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 3px; background-color: #E50001;} .lxwm02 .tel-icon{position: absolute; right: 56px; top: 70px; width: 77px; height: 71px; background: url(../images/icon_tel6.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .lxwm02 .m-tit01{margin-bottom: 40px; padding-bottom: 36px; border-bottom: 2px solid rgba(255, 255, 255, .1);} .lxwm02 .info{margin-bottom: 50px;} .lxwm02 .info .item{} .lxwm02 .info .item+.item{margin-top: 25px;} .lxwm02 .info .t{font-size: 18px; color: rgba(255, 255, 255, .7); font-family: SourceHanSansCN-Light;} .lxwm02 .info .p{font-size: 24px; color: #FFFFFF; font-family: Arial;} .lxwm02 .box-so03{width: 100%;} .lxwm02 .box-so03 .inp{padding: 0 26px; padding-right: 120px; height: 65px; line-height: 65px; font-size: 16px;} .lxwm02 .box-so03 .submit{width: 120px; height: 65px; line-height: 65px; background-color: #E50001; font-size: 20px; color: #FFFFFF; font-family: SourceHanSansCN-Medium;} .lxwm02 .info .addr .t{margin-bottom: 13px;} .lxwm02 .info .addr .p{font-size: 22px; line-height: 1.23;} /*站点地图*/ .row-zddt01{padding: 100px 0; overflow: hidden;} .zddt01{} .zddt01-items{padding-bottom: 10px; margin-bottom: 15px;} .zddt01-tit{font-size: 20px; line-height: 40px;} .zddt01-tit a{} .zddt01-tit a:hover{color: #D50D1C;} .zddt01-item{} .zddt01-item ul{} .zddt01-item li{padding: 10px 0; border-bottom: 1px solid #ddd; overflow: hidden;} .zddt01-item dd{float: left; margin-right: 30px; position: relative;} .zddt01-item .a1{display: block; font-size: 14px; line-height: 36px;} .zddt01-item .a1:hover{color: #D50D1C;} @media only screen and (min-width: 950px) and (max-width: 1920px) { /*头部*/ .header{height: 4.583vw;} .header-logo{margin-left: 1.041vw; width: 22.4vw; height: 4.166vw; line-height: 4.166vw;} .header-logo .tit{padding-top: 0.625vw; margin-left: 0.729vw;} .header-logo .tit .t1{font-size: 1.041vw; } .header-logo .tit .t2{font-size: 0.937vw; } .nav > ul > li{padding: 0 1.510vw;} .nav > ul > li .v1{font-size: 0.937vw; } .nav > ul > li .v1:after{height: 0.104vw; } .nav-sub{ top: 4.583vw; } .nav-sub .left{padding: 3.125vw 3.645vw;} .nav-sub .right{padding: 2.812vw 5.208vw 3.125vw 3.802vw;} .navSub-tabsTit01 .a1{padding: 0.520vw 0; } .navSub-tabsTit01 .a1 .a1-in{padding-bottom: 0.208vw; font-size: 0.937vw;} .navSub-tabsTit01 .a1 .a1-in:after{height: 0.104vw;} .subCp-ls01{margin: 0 -1.197vw -2.083vw;} .subCp-ls01 .subCp-ls01-item{padding: 0 1.197vw; margin-bottom: 2.083vw; } .subCp-ls01 .pic{margin-bottom: 0.729vw; height: 13.28vw; line-height: 13.17vw;} .subCp-ls01 .tit{font-size: 0.937vw;} .subCp-ls01 .con:hover .pic{line-height: 13.07vw; border-width: 0.104vw;} .navSub-link .a1{padding: 0.651vw 0.26vw; font-size: 0.75vw;} .header-so-btn{width: 4.635vw; -webkit-background-size: 1.25vw auto; background-size: 1.25vw auto;} .header-lang-btn{width: 7.135vw; font-size: 0.781vw; } .header-lang-btn img{margin: -0.104vw 0.416vw 0 0; max-width: 1.041vw; max-height: 1.041vw;} .header-tel{padding: 0 1.6vw; font-size: 1.458vw;} .header-tel img{margin: -0.104vw 0.416vw 0 0; max-width: 0.885vw;} .header.down .header-so-btn:after{margin-top: -0.520vw; height: 1.041vw; } .header.mIn .header-so-btn:after{margin-top: -0.520vw; height: 1.041vw; } /*搜索弹窗*/ .box-so01 .box-so-in{width: 26.04vw; } .box-so01 .close{ right: -3.125vw; top: -3.125vw; width: 3.125vw; height: 3.125vw; -webkit-background-size: 1.25vw auto; background-size: 1.25vw auto; } .box-so01 .inp{padding-right: 3.125vw; height: 3.125vw; line-height: 3.072vw; font-size: 0.833vw; } .box-so01 .submit{ width: 3.125vw; -webkit-background-size: 1.25vw auto; background-size: 1.25vw auto;} /*底部*/ .footer-ft1{padding: 3.854vw 0 2.604vw;} .footer-nav dl{padding-right: 1.041vw; } .footer-nav dt{margin-bottom: 0.989vw; font-size: 1.145vw; } .footer-nav dd a{padding: 0.468vw 0; font-size: 0.937vw; } .footer-lxwm{padding-left: 4.322vw;} .footer-lxwm .title{margin-bottom: 1.406vw; font-size: 1.145vw; } .footer-lxwm .info{margin-bottom: 1.666vw; font-size: 0.937vw; } .footer-lxwm .info .item{margin-bottom: 0.833vw;} .footer-lxwm .info .t1{ font-size: 0.833vw;} .footer-lxwm .info .icon{margin: -0.104vw 0.520vw 0 0; width: 0.937vw; height: 0.937vw; line-height: 0.937vw; } .footer-lxwm .info .tel .t1{margin-bottom: 0.468vw; font-size: 0.937vw;} .footer-lxwm .info .tel .p{font-size: 1.979vw;} .footer-lxwm .code{margin: 0 -0.989vw -1.562vw;} .footer-lxwm .code .item{margin-bottom: 1.562vw; padding: 0 0.989vw; } .footer-lxwm .code .pic{margin: 0 auto 0.416vw; width: 5.937vw; height: 5.937vw; line-height: 5.937vw; } .footer-lxwm .code .tit{font-size: 0.729vw; } .footer-lk{padding: 1.015vw 0;} .footer-lk .tit, .footer-lk .a1{padding: 0.260vw 0; font-size: 0.833vw; } .footer-lk .tit img{margin: -0.104vw 0.416vw 0 0; max-width: 1.145vw;} .footer-lk .a1{padding: 0.260vw 0.885vw;} .footer-copy{padding: 1.276vw 0; font-size: 0.833vw; } .footer-copy .website{padding-bottom: 0.312vw; } /*侧边悬浮*/ .slideFloat01{box-shadow: 0 0 0.937vw 0.104vw rgba(14,61,99,0.05);} .slideFloat01 .btn{ width: 4.062vw; height: 3.75vw; } .slideFloat01 .btn .icon{height: 1.562vw; line-height: 1.562vw;} .slideFloat01 .btn .tit{font-size: 0.677vw; } .slideFloat01 .bd .tel{font-size: 1.458vw;} .slideFloat01 .bd{padding: 0.937vw 0.937vw 0.620vw; -ms-transform: translateX(26.04vw); -o-transform: translateX(26.04vw); transform: translateX(26.04vw);} .slideFloat01 .bd .bd-item+.bd-item{margin-top: 1.041vw;} .slideFloat01 .bd .pic{margin: 0 auto 0.416vw; width: 5.989vw; } .slideFloat01 .bd .tit{font-size: 0.729vw; } /*侧边锚点*/ .anchorFloat01{ left: 1.562vw; } .anchorFloat01 .a1{margin-bottom: 0.625vw; padding-left: 1.354vw; font-size: 0.833vw; } .anchorFloat01 .a1:before{ width: 0.520vw; height: 0.520vw; } .anchorFloat01 .a1:after{left: -0.364vw; width: 1.25vw; height: 1.25vw; } /*公用*/ .mainPt01{padding-top: 4.583vw;} .m-tit01 .tit{font-size: 2.395vw; } .m-tit01 .tit .en{margin-bottom: 0.729vw; font-size: 1.562vw; } .m-tit01 .desc{margin-top: 0.833vw; font-size: 0.937vw; } .m-tit01.white01 .tit .en{margin-bottom: 0.416vw; } .m-tit01.white01 .desc{margin-top: 1.406vw; } .m-tit01.white02 .tit .en{margin-bottom: 0.416vw; } .m-tit01.white02 .desc{margin-top: 1.406vw; } .m-tit01.line01 .tit{padding-bottom: 1.25vw; } .m-tit01.line01 .tit:after{width: 2.291vw; height: 0.156vw; } .m-tit01.m-tit01_2 .tit .en{margin-bottom: 0.520vw; font-size: 1.354vw;} .m-tit02 .tit{margin-right: 0.729vw; min-width: 8.072vw; font-size: 0.937vw; line-height: 2.604vw;} .m-tit02 .tit:after{right: -0.937vw; width: 0.937vw; } .m-tit03 .tit{padding: 0.937vw 1.666vw; font-size: 1.354vw;} .m-btn01 .a1{ width: 11.45vw; height: 3.125vw; line-height: 3.020vw; border-radius: 1.562vw; font-size: 0.833vw;} .m-btn01 .a1 .icon{margin: -0.104vw 0 0 0.729vw; width: 1.145vw; height: 1.145vw; -webkit-background-size: 1.145vw auto; background-size: 1.145vw auto;} .m-btn01 .a1:hover .icon{-webkit-transform: translateX(0.156vw); -ms-transform: translateX(0.156vw); -o-transform: translateX(0.156vw); transform: translateX(0.156vw);} .m-btn02 .a1{ width: 9.062vw; height: 2.812vw; line-height: 2.812vw; font-size: 0.937vw;} .m-btn02 .a1 .icon{margin: -0.104vw 0 0 0.416vw; width: 0.937vw; height: 0.937vw;} .m-btn02 .a1:hover .icon{-webkit-transform: translateX(0.156vw); -ms-transform: translateX(0.156vw); -o-transform: translateX(0.156vw); transform: translateX(0.156vw);} .m-btn03 .a1{ width: 6.562vw; height: 2.291vw; line-height: 2.187vw; font-size: 0.833vw;} .m-btn03 .a1 .icon{margin: -0.104vw 0 0 0.520vw; width: 0.729vw; height: 0.364vw;} .pos-nav01 .a1{margin-right: 4.062vw; line-height: 4.166vw; font-size: 1.041vw;} .pos-nav01 .a1:after{height: 0.104vw; } .cur{padding: 1.25vw 0; padding-left: 0.937vw; font-size: 0.833vw; } .cur:before{width: 0.520vw; height: 0.520vw; border: 0.104vw solid #2174B9;} .cur em{margin: 0 0.208vw;} .pages{padding-top: 4.270vw; } .pages ul{margin: 0 -0.260vw -0.260vw; } .pages li{padding: 0 0.260vw; margin-bottom: 0.260vw; } .pages a, .pages span{padding: 0 0.260vw; font-size: 0.937vw; min-width: 3.020vw; height: 3.020vw; line-height: 2.916vw;} .pages .pages-prev a, .pages .pages-next a{min-width: 6.458vw; width: 6.458vw;} /*banner*/ .banner{height: 100vh; } .banner-cont .m-btn01{margin-top: 2.604vw;} .banner-cont2{padding: 0 4.322vw 0 9.375vw;} .banner-cont2 .pic{border: 1.041vw solid rgba(19, 92, 152, .7); } .banner-cont2 .bannerCp-ls01{margin-top: 3.489vw;} .bannerCp-ls01{margin: 0 -0.416vw -0.833vw;} .bannerCp-ls01 .bannerCp-ls01-item{padding: 0 0.416vw; margin-bottom: 0.833vw;} .bannerCp-ls01 .pic{margin-bottom: 0.364vw; height: 8.437vw; line-height: 6.604vw;} .bannerCp-ls01 .tit{font-size: 0.937vw; } .banner .swiper-button-prev, .banner .swiper-button-next{width: 3.906vw; height: 3.906vw; -webkit-background-size: 0.677vw auto; background-size: 0.677vw auto; } .banner .swiper-button-prev{left: 2.760vw;} .banner .swiper-button-next{right: 2.760vw;} .banner .swiper-pagination-bullets{padding: 0.416vw 1.041vw; right: 2.708vw !important; bottom: 4.062vw !important; } .banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.312vw !important;} .banner .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 0.104vw solid rgba(255, 255, 255, .2);} .banner .swiper-pagination-fraction{ left: 2.812vw; bottom: 3.75vw; } .banner .swiper-pagination-fraction .swiper-pagination-fraction-current, .banner .swiper-pagination-fraction .icon, .banner .swiper-pagination-fraction .swiper-pagination-fraction-total{ font-size: 1.666vw; } .banner .swiper-pagination-fraction .swiper-pagination-fraction-current{margin-right: 0.729vw; font-size: 2.604vw; } .banner .swiper-pagination-fraction .swiper-pagination-fraction-total{margin-left: 0.520vw;} .banner .mouse-btn{margin-left: -1.041vw; bottom: 4.687vw; width: 2.083vw; height: 2.083vw; -webkit-background-size: 1.197vw auto; background-size: 1.197vw auto;} .banner .mouse-btn:after{top: 2.5vw; width: 0.729vw; height: 0.729vw;} @keyframes fadeDownAni { from { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } to { -webkit-transform: translateY(1.562vw); -ms-transform: translateY(1.562vw); -o-transform: translateY(1.562vw); transform: translateY(1.562vw); } } @-webkit-keyframes fadeDownAni /* Safari 与 Chrome */ { from { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } to { -webkit-transform: translateY(1.562vw); -ms-transform: translateY(1.562vw); -o-transform: translateY(1.562vw); transform: translateY(1.562vw); } } /*ban*/ .ban{height: 31.25vw; } .ban .ban-cont .tit{font-size: 2.812vw; } .ban .ban-cont .tit .en{margin-bottom: 0.625vw; font-size: 1.354vw; } /*index*/ .row-index01{padding-bottom: 4.531vw;} .box-so02{padding: 1.041vw; padding-left: 18.95vw;} .box-so02 .box-so02-in{border: 0.781vw solid #CD0E1D;} .box-so02 .inp{padding: 0 1.562vw; padding-right: 9.375vw; height: 4.166vw; line-height: 4.166vw; font-size: 0.833vw;} .box-so02 .submit{ width: 9.375vw; height: 4.5vw; line-height: 4.5vw; } .box-so02 .submit input{ left: -52.03vw;} .box-so02 .submit .icon, .box-so02 .submit .text{ font-size: 1.041vw; } .box-so02 .submit .icon{margin: 0 0.625vw 0 0; width: 1.25vw; height: 1.25vw;} .cp-cont01 .hd{padding: 3.489vw 1.041vw 2.812vw; padding-left: 3.020vw; width: 18.02vw;} .cp-cont01 .hd .tit{font-size: 2.395vw; } .cp-cont01 .hd .desc{margin-top: 0.625vw; font-size: 0.781vw; } .cp-cont01 .cp-cont01-in{width: 18.02vw;} .cp-cont01 .tabsDesc01{width: calc(100% - 18.02vw);} .cp-cont01-in .more-btn .a1{padding: 0 2.083vw; height: 4.270vw; font-size: 0.937vw; } .tabsTit01 .a1{padding: 0.520vw 2.083vw; padding-right: 3.645vw; font-size: 0.937vw; min-height: 4.218vw; } .tabsTit01 .a1:after{right: 2.187vw; width: 1.302vw; height: 0.260vw; } .cp-ls01{margin: 0 -0.729vw -1.562vw; } .cp-ls01 .cp-ls01-item{padding: 0 0.729vw; margin-bottom: 1.562vw;} .cp-ls01 .pic{height: 24.47vw; line-height: 24.47vw;} .cp-ls01 .inner{padding: 1.25vw 2.187vw 1.145vw;} .cp-ls01 .inner .tit{font-size: 1.25vw;} .cp-ls01 .inner .desc{margin-top: 0.520vw; font-size: 0.833vw; } .cp-ls01.cp-swp01 .inner{padding: 1vw 2.187vw 1.145vw;} .cp-ls01.cp-swp01 .swiper-button-prev, .cp-ls01.cp-swp01 .swiper-button-next{ width: 4.270vw; height: 3.541vw; background-size: 0.625vw auto;} .cp-ls01.cp-swp01 .swiper-button-prev{left: -2.135vw; background-position: left 2.6vw center;} .cp-ls01.cp-swp01 .swiper-button-next{right: -2.135vw; background-position: right 2.6vw center;} .hy-swp01{height: 39.06vw; } .hy-swp01 .circle-line{ width: 8.593vw;} .hy-swp01 .nav .tit{padding: 0 1.041vw; font-size: 0.937vw; line-height: 2.083vw;} .hy-swp01 .nav .swiper-slide:nth-child(4n){padding-right: 0.989vw;} .hy-swp01 .nav .swiper-slide:nth-child(4n-1){padding-right: 0.468vw;} .hy-swp01 .nav .swiper-slide:nth-child(4n-2){padding-right: 0.364vw;} .hy-swp01 .nav .swiper-slide:nth-child(4n-3){padding-right: 0.677vw;} .hy-swp01 .nav .swiper-slide-thumb-active .circle-icon{border: 0.208vw solid rgba(255, 255, 255, .3);} .hy-swp01 .nav .swiper-slide-thumb-active .tit{font-size: 1.041vw;} .hy-swp01 .for .cont{top: 6.979vw;} .hy-swp01 .for .cont .tit{ font-size: 2.395vw; } .hy-swp01 .for .cont .desc{margin-top: 1.614vw; font-size: 0.833vw; } .hy-swp01 .for .cont .m-btn01{margin-top: 2.239vw;} .row-index03{padding: 4.166vw 0 4.947vw; } .row-index03 .m-tit01{margin-bottom: 2.760vw;} .al-swp01{height: 29.63vw; } .al-swp01 .inner{padding: 4.010vw 2.604vw;} .al-swp01 .inner:after{height: 0.104vw; } .al-swp01 .al-logo{ right: 1.875vw; width: 9.479vw;} .al-swp01 .hd{margin-bottom: 1.302vw;} .al-swp01 .hd .tit{width: calc(100% - 4.166vw); font-size: 1.562vw;} .al-swp01 .hd .gq{width: 3.125vw; height: 2.083vw; line-height: 2.083vw; } .al-swp01 .info{padding-bottom: 1.562vw; margin: 0 -0.260vw -0.520vw;} .al-swp01 .info .t1{margin: 0 0.260vw 0.520vw; padding: 0.625vw 0.729vw; font-size: 0.729vw; } .al-swp01 .desc{font-size: 0.833vw; } .al-swp01 .more-btn{margin-top: 1.354vw;} .al-swp01 .more-btn .a1{padding-bottom: 0.520vw; font-size: 0.833vw;} .al-swp01 .more-btn .a1 .icon{margin: -0.104vw 0 0 0.312vw; width: 0.937vw; height: 0.937vw;} .al-swp01 .swiper-button-prev, .al-swp01 .swiper-button-next{width: 3.125vw; height: 3.125vw;background-size: 0.572vw auto;} .al-swp01 .swiper-button-prev{left: -4.062vw;} .al-swp01 .swiper-button-next{right: -4.062vw;} .row-index04{padding: 6.041vw 0 8.229vw; height: 45.36vw;} .row-index04 .m-tit01{width: 41.66vw;} .row-index04 .m-btn01{margin-top: 1.562vw;} .map01{ right: 10.88vw; top: 8.229vw; } .map01 .point{ right: 8.593vw; top: 4.691vw; width: 0.885vw; height: 1.093vw; } .ys-ls01{min-height: 7.812vw; } .ys-ls01 .con{padding: 0 1.354vw; } .ys-ls01 .icon{width: 4.166vw; height: 4.166vw; line-height: 4.166vw;} .ys-ls01 .inner{padding-right: 0.520vw; width: calc(100% - 4.166vw);} .ys-ls01 .tit{padding-bottom: 0.625vw; font-size: 1.041vw; } .ys-ls01 .tit:after{width: 1.041vw; height: 0.104vw; } .ys-ls01 .tit .en{margin-top: 0.416vw; font-size: 0.833vw; } .row-index05{padding: 4.479vw 0 5.208vw;} .row-index05 .box-hd01{margin-bottom: 2.395vw;} .box-hd01 .m-tit01 .tit .en{margin-bottom: 0.416vw;} .tabsTit02 .tabsTit02-item{margin-right: 0.989vw; } .tabsTit02 .a1{ font-size: 0.937vw; min-width: 9.062vw; line-height: 2.812vw;} .xw01 .xw01-scoll-y{padding-right: 1.302vw; height: 27.5vw;} .xw01 .xw01-scoll-y::-webkit-scrollbar { width: 0.208vw; } .xw01 .xw-ls02{padding: 0.104vw 1.562vw;} .xw-ls01{margin: 0 -0.833vw -2.187vw;} .xw-ls01 .xw-ls01-item{margin-bottom: 2.187vw; padding: 0 0.833vw;} .xw-ls01 .con:after{height: 0.104vw; } .xw-ls01 .inner{padding: 1.562vw 1.562vw 2.291vw;} .xw-ls01 .date{margin-bottom: 0.625vw; font-size: 0.833vw; } .xw-ls01 .tit{margin-bottom: 0.729vw; font-size: 1.041vw; } .xw-ls01 .desc{margin-bottom: 1.822vw; font-size: 0.833vw; } .xw-ls01 .more-btn .a1{padding-bottom: 0.156vw; font-size: 0.729vw;} .xw-ls01 .more-btn .a1 .icon{margin: -0.104vw 0 0 0.208vw; width: 0.781vw; height: 0.781vw;} .xw-ls01.xw-swp02 .swiper-button-prev, .xw-ls01.xw-swp02 .swiper-button-next{width: 3.333vw; height: 3.333vw; background-repeat: no-repeat; background-size: 0.468vw auto;} .xw-ls01.xw-swp02 .swiper-button-prev{left: -6.041vw;} .xw-ls01.xw-swp02 .swiper-button-next{right: -6.041vw;} .xw-ls02 .con{padding: 1.770vw 0; } .xw-ls02 .date{margin-bottom: 0.312vw; font-size: 0.833vw; } .xw-ls02 .tit{margin-bottom: 0.312vw; font-size: 1.041vw;} .xw-ls02 .desc{font-size: 0.833vw; } .row-index06{padding: 5.937vw 0 6.406vw; } .lxwm01 .title{margin-bottom: 0.833vw; font-size: 2.395vw; } .lxwm01 .desc{margin-bottom: 2.552vw; font-size: 0.937vw; } .box-so03 .inp{padding: 0 2.083vw; padding-right: 10.52vw; height: 3.645vw; line-height: 3.645vw; font-size: 0.937vw; } .box-so03 .submit{width: 10vw; height: 3.645vw; line-height: 3.645vw; font-size: 1.145vw;} /*产品与技术列表*/ .row-cp01{padding: 3.541vw 0 4.687vw; } .row-cp01 .m-tit01{margin-bottom: 2.031vw;} .row-cp02{padding: 4.062vw 0 5.104vw; } .row-cp02 .m-tit01{margin-bottom: 2.239vw;} /*新闻资讯*/ .row-xw01{padding: 3.906vw 0 4.062vw; } .xw-swp01{ box-shadow: 0 0 0.937vw 0.104vw rgba(14,61,99,0.05); } .xw-swp01 .inner{padding: 3.125vw 3.020vw;} .xw-swp01 .date{margin-bottom: 0.833vw; font-size: 0.833vw; } .xw-swp01 .tit{margin-bottom: 0.729vw; font-size: 1.562vw; } .xw-swp01 .desc{margin-bottom: 1.666vw; font-size: 0.833vw; } .xw-swp01 .more-btn .a1{padding-bottom: 0.208vw; font-size: 0.729vw; } .xw-swp01 .more-btn .a1 .icon{margin: -0.104vw 0 0 0.208vw; width: 0.781vw; height: 0.781vw;} .xw-swp01 .swiper-pagination{bottom: 2.5vw !important; left: calc(49.17% + 3.020vw) !important; } .xw-swp01 .swiper-pagination .swiper-pagination-bullet{margin-right: 0.364vw; width: 2.291vw; height: 0.156vw; } .row-xw02{padding: 3.854vw 0 5.104vw;} .row-xw02 .box-so04{margin-bottom: 3.385vw;} .box-so04 .sel, .box-so04 .input, .box-so04 .submit{margin-right: 1.041vw; } .box-so04 .sel{width: 11.97vw;} .box-so04 .sel select, .box-so04 .sel .inp{padding: 0 2.083vw 0 1.562vw; height: 3.125vw; line-height: 3.125vw; border-radius: 1.562vw; background: #fff url(../images/icon_arrow_down.png) right 1.666vw center no-repeat; -webkit-background-size: 0.781vw auto; background-size: 0.781vw auto; font-size: 0.833vw; } .box-so04 .input{width: 17.34vw; } .box-so04 .input .so-icon{ left: 1.041vw; width: 1.25vw; height: 1.25vw; } .box-so04 .input .inp{padding: 0 1.041vw 0 2.812vw; height: 3.125vw; line-height: 3.125vw; font-size: 0.833vw;} .box-so04 .submit{width: 7.760vw; height: 3.125vw; line-height: 3.125vw; font-size: 1.041vw;} /*新闻详情*/ .row-dt01{padding: 3.385vw 0 3.906vw; } .dt01 .share01{ left: calc(100% + 2.291vw); } .share01{padding: 1.666vw 0.520vw 2.031vw; width: 5.208vw; } .share01 .tit{margin-bottom: 1.562vw; font-size: 0.833vw; } .share01 .btn .a1{width: 2.187vw; height: 2.187vw; line-height: 2.187vw; } .share01 .btn .a1+.a1{margin-top: 0.937vw;} .dt01 .hd{padding-bottom: 3.020vw; } .dt01 .hd:after{height: 0.885vw;} .dt01 .hd .tit{margin-bottom: 1.458vw; font-size: 1.770vw; } .dt01 .hd .info{font-size: 0.833vw; } .dt01 .hd .info .t1{margin-right: 1.666vw; } .dt01 .hd .info .t1 span{padding: 0 0.260vw; margin: 0 0.208vw; } .dt01 .hd .info .t1 .on{font-size: 1.041vw; } .dt01 .cont{padding: 2.187vw 0; font-size: 0.937vw; } .dtPage .prev, .dtPage .next{padding: 1.822vw 1.822vw 1.979vw; } .dtPage .tit{margin-bottom: 0.312vw; font-size: 0.937vw; } .dtPage .a1{ font-size: 0.937vw; } .row-tj01{padding: 3.854vw 0 5vw; } .row-tj01 .m-tit01{margin-bottom: 3.281vw;} /*工程案例*/ .row-bloc01{padding: 3.281vw 0 4.218vw; } .bloc-bg01{top: 10.93vw; width: 19.47vw;} .row-bloc01 .col-l{ width: 14.79vw;} .row-bloc01 .col-r{ width: calc(100% - 16.35vw);} .slideNav01 .item{margin-bottom: 2.031vw; } .slideNav01 .hd{padding: 1.927vw 0.781vw;} .slideNav01 .hd .tit{font-size: 1.354vw; } .slideNav-ls01:before{ width: 0.416vw; } .slideNav-ls01 .a1{padding: 0 1.406vw; padding-right: 2.083vw; font-size: 0.833vw; line-height: 3.802vw;} .slideNav-ls01 .a1:before{width: 0.416vw; -ms-transform: translateX(-0.416vw); -o-transform: translateX(-0.416vw); transform: translateX(-0.416vw);} .slideNav-ls01 .a1 .icon{ right: 1.458vw; width: 0.416vw; height: 0.781vw;} .al-swp02{margin-bottom: 2.187vw; padding: 1.458vw 1.822vw; } .al-swp02 .inner{padding: 1.666vw 0; padding-left: 2.187vw;} .al-swp02 .tit{margin-bottom: 0.937vw; font-size: 1.562vw;} .al-swp02 .desc{margin-bottom: 1.25vw; font-size: 0.833vw; } .al-swp02 .more-btn .a1{padding-bottom: 0.520vw; font-size: 0.833vw; } .al-swp02 .more-btn .a1 .icon{margin: -0.104vw 0 0 0.208vw; width: 0.989vw; height: 0.989vw; } .al-swp02 .swiper-pagination{bottom: 1.822vw !important; left: calc(48.2% + 2.187vw) !important; } .al-swp02 .swiper-pagination .swiper-pagination-bullet{margin-right: 0.364vw; width: 2.291vw; height: 0.156vw;} .al-ls01{margin: 0 -0.989vw -1.979vw;} .al-ls01 .al-ls01-item{padding: 0 0.989vw; margin-bottom: 1.979vw; } .al-ls01 .con:after{ height: 0.104vw; } .al-ls01 .inner{padding: 1.145vw 1.041vw;} .al-ls01 .tit{font-size: 0.937vw;} .al-ls01.al-swp03 .swiper-button-prev, .al-ls01.al-swp03 .swiper-button-next{margin: 0; width: 3.333vw; height: 3.333vw; background-size: 0.468vw auto;} .al-ls01.al-swp03 .swiper-button-prev{left: -6.041vw;} .al-ls01.al-swp03 .swiper-button-next{right: -6.041vw;} /*工程案例-详情*/ .dt02{padding: 3.281vw 2.604vw 3.385vw; } .dt02 .hd{padding-bottom: 1.979vw; } .dt02 .hd:after{height: 0.885vw;} .dt02 .hd .tit{margin-bottom: 1.25vw; font-size: 1.770vw; } .dt02 .hd .info{margin-bottom: -0.520vw;} .dt02 .hd .info .t1{margin: 0 0.520vw 0.520vw 0; padding: 0.520vw 0.937vw; font-size: 0.729vw; } .dt02 .cont{padding: 0.833vw 0; font-size: 0.937vw; } .row-tj02{padding: 3.854vw 0 6.406vw;} .row-tj02 .m-tit01{margin-bottom: 2.968vw;} /*产品与技术-板式蒸发与冷凝器*/ .cpDt01{margin-bottom: 3.229vw; } .cpDt01 .cpDt-info01{padding: 0.625vw 0 0 2.083vw; } .cp-swp02 .for{margin-bottom: 0.572vw; } .cp-swp02 .for .pic{height: 19.79vw; line-height: 19.79vw; } .cp-swp02 .nav .pic{height: 3.385vw; line-height: 3.281vw; } .cp-swp02 .nav .swiper-slide-thumb-active .pic{line-height: 3.177vw; border-width: 0.104vw;} .cpDt-info01 .hd{margin-bottom: 1.197vw; padding-bottom: 1.197vw;} .cpDt-info01 .hd .tit{font-size: 1.458vw; } .cpDt-info01 .desc{margin-bottom: 2.708vw; padding-bottom: 1.510vw; font-size: 0.833vw; } .cpDt-info01 .btn .a1{font-size: 1.25vw; min-width: 12.5vw; line-height: 3.125vw;} .cpDt-info01 .btn .a1 .icon{margin: -0.104vw 0.520vw 0 0; width: 1.302vw; height: 1.197vw; } .cpDt-tabs01{margin-bottom: 0.885vw; } .cpDt-tabs01 .a1{padding: 0 0.781vw; font-size: 0.937vw; min-width: 8.020vw; line-height: 3.645vw;} .cpDt-item01{padding: 1.562vw 0 1.979vw;} .cpDt-item01 .td01{margin-top: 1.718vw;} .cpDt-item01 .yy01{margin-top: 1.25vw;} .cpDt-item01 .table01{margin-top: 1.666vw;} .cpDt-item01 .m-btn03{margin-top: 2.187vw;} .cpDt-item01 .wjxz-ls01{margin-top: 1.041vw;} .td01{padding: 1.041vw 2.291vw; } .td-ls01 .td-ls01-item{padding: 0.338vw 0.520vw; padding-left: 1.041vw; font-size: 0.833vw; } .td-ls01 .td-ls01-item:before{width: 0.260vw; height: 0.260vw; } .yy01{font-size: 0.833vw; } .table01 th, .table01 td{padding: 0.260vw 0.520vw; font-size: 0.833vw; height: 3.072vw;} .table01 th{font-size: 1.041vw; } .wjxz-ls01 .con{padding: 0.781vw 0; padding-left: 1.041vw; } .wjxz-ls01 .con:before{width: 0.312vw; height: 0.312vw; } .wjxz-ls01 .btn{margin-left: 1.041vw; width: 4.427vw; height: 1.666vw; line-height: 1.562vw; border-radius: 0.260vw; font-size: 0.833vw; } .wjxz-ls01 .btn .icon{margin: -0.104vw 0.208vw 0 0; width: 0.937vw; height: 0.729vw;} .wjxz-ls01 .tit{font-size: 0.833vw; line-height: 1.666vw;} /*产品与技术-蒸发浓缩技术*/ .cpDt03{margin-bottom: 2.083vw;} .cpDt03 dl+dl{margin-top: 1.041vw;} .cpDt03 dt{padding: 0.781vw 1.562vw; padding-right: 5vw;} .cpDt03 dt:before{width: 0.260vw; } .cpDt03 .tit{font-size: 1.354vw; line-height: 2.864vw;} .cpDt03 .icon{ right: 1.770vw; width: 2.343vw; height: 2.343vw;} .cpDt03 dd{padding: 1.145vw 0 1.354vw; } .cpDt03 .desc{font-size: 0.937vw; } .cpDt03 .desc2{font-size: 1.041vw; } .cpDt03 .desc2 span{font-size: 1.041vw; } .cpDt03 .al-swp04{margin-top: 1.406vw;} .cpDt03 .sm{margin-bottom: 1.354vw; padding: 2.395vw 2.187vw; height: 17.34vw; font-size: 1.041vw;} .al-swp04 .for{margin-bottom: 0.416vw; } .al-swp04 .nav .pic:after{border: 2px solid #D50D1C; } .cpDt-item02+.cpDt-item02{margin-top: 2.916vw;} .cpDt-item02 .table01{margin-top: 1.562vw;} .cpDt-item02 .m-btn03{margin-top: 1.927vw;} .cpDt-item02 .wjxz-ls01{margin-top: 0.625vw;} /*行业与应用-甘蔗制糖工业*/ .hy01{margin-bottom: 1.927vw; } .hy01 .btn .a{padding: 0 1.25vw; font-size: 1.041vw; line-height: 2.031vw;} .hy01 .btn .a:after{left: -0.416vw; top: -0.312vw; right: -0.416vw; bottom: -0.312vw; } .hy01 .btn .it2 .bd{margin-left: -3.281vw;} .hy01 .btn .it2 .bd:before{right: 10.93vw;} .hy01 .btn .it4 .bd{margin-left: -3.281vw;} .hy01 .btn .it4 .bd:before{right: 10.93vw;} .hy01 .btn .it6 .bd{margin-left: -3.281vw;} .hy01 .btn .it6 .bd:before{right: 10.93vw;} .hy01 .btn .bd{padding-top: 3.281vw; margin-left: 4.583vw; width: 30.67vw; } .hy01 .btn .bd:before{left: 10.05vw; width: 1.458vw; height: 3.281vw; } .hy01 .btn .bd .bd-in{padding: 2.604vw 2.083vw; } .hy01 .btn .bd .close{width: 2.5vw; height: 2.5vw; -webkit-background-size: 1.145vw auto; background-size: 1.145vw auto; } .hy01 .btn .bd .tit{margin-bottom: 1.458vw; font-size: 1.25vw; } .hy01 .btn .bd .tit .icon{margin: -0.104vw 0.520vw 0 0; width: 1.145vw; height: 1.145vw; } .hy01 .btn .bd .tit .icon:before{width: 0.520vw; height: 0.520vw; } .hy01 .btn .bd .txt{font-size: 0.937vw; } .hy01 .btn .bd .pic{height: 21.25vw; line-height: 21.25vw; } .gy-swp01{margin-bottom: 1.354vw; padding-right: 5.729vw;} .gy-swp01 .sm-btn{ left: 1.041vw; bottom: 1.458vw; width: 2.760vw; height: 2.760vw; -webkit-background-size: 1.093vw auto; background-size: 1.093vw auto; } .gy-swp01 .for .pic{height: 17.34vw; line-height: 17.34vw; } .gy-swp01 .nav{ width: 5.104vw; } /*关于我们*/ .row-gywm01{padding: 4.635vw 0 5.677vw; } .gsj01{margin-bottom: 3.906vw; } .gsj01 .tit-en{ top: -1.562vw; font-size: 13.12vw; } .gsj01 .left{padding-top: 0.312vw; } .gsj01 .m-tit01{margin-bottom: 1.041vw; padding-bottom: 1.458vw;} .gsj01 .desc{font-size: 0.833vw; } .gsj01 .desc:after{width: 3.333vw; height: 3.333vw; } .gsj01 .desc .name{font-size: 0.937vw; } .row-gywm02{min-height: 45.15vw; } .row-gywm02 .wp{padding: 5.208vw 0 6.093vw; } .row-gywm02 .m-tit01{ top: 4.270vw; } .tabsTit04{margin-top: 5.677vw; width: 14.58vw; height: 28.85vw;} .tabsTit04 .tabsTit04-item:after{left: 9.895vw; height: 0.156vw;} .tabsTit04 .icon{width: 5.625vw; height: 2.291vw; line-height: 2.291vw; } .tabsTit04 .tit{ width: 5.625vw; font-size: 0.937vw;} .tabsTit04 .on:after{width: 3.802vw; } .tabsDesc04{width: calc(100% - 21.87vw); } .scnl-swp01 .hd{margin-bottom: 4.583vw; } .scnl-swp01 .hd .tit{ border: 3px solid #313131; min-width: 14.32vw; line-height: 3.333vw; font-size: 1.770vw; } .scnl-swp01 .hd .tit:after{ width: 0.156vw; height: 2.916vw; } .scnl-swp01 .desc{margin-bottom: 1.718vw; font-size: 0.833vw; } .scnl-swp01 .desc:before{left: 2.343vw; width: 3.541vw; height: 3.020vw;} .scnl-swp01 .desc:after{bottom: -1.354vw; width: 3.541vw; height: 3.020vw;} .scnl-swp01 .swiper-button-prev, .scnl-swp01 .swiper-button-next{ width: 3.333vw; height: 3.333vw; background-size: 0.468vw auto;} .scnl-swp01 .swiper-button-prev{left: -6.458vw;} .scnl-swp01 .swiper-button-next{right: -6.458vw;} .imgs-ls01{padding-bottom: 0.520vw;} .imgs-ls01 .imgs-ls01-item{padding: 0 0.520vw; } .scnl-swp01 .imgs-ls01::-webkit-scrollbar { height: 0.520vw; } .row-gywm03{padding: 5.572vw 0 5.156vw;} .row-gywm03 .m-tit01{margin-bottom: 1.458vw;} .tabsTit03{margin-bottom: 3.437vw; } .tabsTit03::-webkit-scrollbar { height: 0.208vw; } .tabsTit03 .tabsTit03-item{padding: 0 0.468vw; } .tabsTit03 .a1{ font-size: 1.041vw; min-width: 9.270vw; line-height: 2.916vw;} .ryz-swp01 .slider{padding-bottom: 5.677vw; } .ryz-swp01 .slider:after{height: 7.395vw;} .ryz-swp01 .con:before{left: 0.833vw; width: 0.416vw; height: 0.416vw; } .ryz-swp01 .con:after{left: 0.989vw; width: 0.104vw; height: 15.10vw; } .ryz-swp01 .inner{padding-right: 1.145vw; min-height: 12.5vw;} .ryz-swp01 .date{margin-bottom: 1.041vw; width: 9.791vw; height: 2.343vw; line-height: 1.302vw; font-size: 1.041vw; } .ryz-swp01 .date:after{width: 8.333vw; height: 2.343vw; } .ryz-swp01 .desc{padding-left: 2.083vw; font-size: 1.041vw; } /*.ryz-swp01 .swiper-slide.even{padding: 0 0.729vw;}*/ /*.ryz-swp01 .swiper-slide.even .pic{padding: 0 0.937vw;}*/ /*.ryz-swp01 .swiper-slide.odd .inner{min-height: 13.75vw;}*/ .ryz-swp01 .swiper-button-prev, .ryz-swp01 .swiper-button-next{ width: 3.333vw; height: 3.333vw; background-size: 0.468vw auto;} .ryz-swp01 .swiper-button-prev{left: -6.354vw;} .ryz-swp01 .swiper-button-next{right: -6.354vw;} .row-gywm04{padding-bottom: 4.062vw; } .lxwm02{padding: 3.125vw; width: 28.33vw; } .lxwm02:after{ height: 0.156vw; } .lxwm02 .tel-icon{ right: 2.916vw; top: 3.645vw; width: 4.010vw; height: 3.697vw; } .lxwm02 .m-tit01{margin-bottom: 2.083vw; padding-bottom: 1.875vw; border-bottom: 0.104vw solid rgba(255, 255, 255, .1);} .lxwm02 .info{margin-bottom: 2.604vw;} .lxwm02 .info .item+.item{margin-top: 1.302vw;} .lxwm02 .info .t{font-size: 0.937vw; } .lxwm02 .info .p{font-size: 1.25vw; } .lxwm02 .box-so03 .inp{padding: 0 1.354vw; padding-right: 6.25vw; height: 3.385vw; line-height: 3.385vw; font-size: 0.833vw;} .lxwm02 .box-so03 .submit{width: 6.25vw; height: 3.385vw; line-height: 3.385vw; font-size: 1.041vw;} .lxwm02 .info .addr .t{margin-bottom: 0.677vw;} .lxwm02 .info .addr .p{font-size: 1.145vw;} /*站点地图*/ .row-zddt01{padding: 5.208vw 0; } .zddt01-items{padding-bottom: 0.520vw; margin-bottom: 0.781vw;} .zddt01-tit{font-size: 1.041vw; line-height: 2.083vw;} .zddt01-item li{padding: 0.520vw 0; } .zddt01-item dd{ margin-right: 1.562vw; } .zddt01-item .a1{ font-size: 0.729vw; line-height: 1.875vw;} } @media only screen and (min-width: 320px) and (max-width: 949px) { .wp{ width: 100%; max-width: none; padding: 0 5.33vw;} /*头部*/ .menuBtn{margin-top: -3.764vw; right: 4.214vw; display: block; width: 8vw; height: 8vw;} .menuBtn span{width: 6vw; height: 0.8vw; margin-top: -0.4vw;} .menuBtn span:before, .menuBtn span:after{width: 8vw;} .menuBtn span:before{-webkit-transform: translateY(-2.1vw); -ms-transform: translateY(-2.1vw); -o-transform: translateY(-2.1vw); transform: translateY(-2.1vw);} .menuBtn span:after{-webkit-transform: translateY(2.1vw); -ms-transform: translateY(2.1vw); -o-transform: translateY(2.1vw); transform: translateY(2.1vw);} .header{height: 14.75vw;} .header-logo{margin-top: 4.13px; width: 72vw; height: 12.5vw; line-height: 12.5vw;} .header-logo .tit{padding: 0; margin-left: 5px;} .header-logo .tit .t1{font-size: 3.2vw;} .header-logo .tit .t2{font-size: 2.6vw;} .header-r{padding: 0 7vw; position: fixed; left: 0; top: 14.75vw; right: 0; bottom: 0; background-color: #fff; display: block; overflow-y: auto; z-index: 100; display: none;} .header-r.hd-r_open{display: block;} .nav{padding: 2.08vw 0;} .nav > ul{display: block;} .nav > ul > li{padding: 0;} .nav > ul > li .v1{padding: 3.12vw 0; display: block; font-size: 4.5vw; color:#333; position: relative;} .nav > ul > li .v1 i{position: absolute; right: -18px; top: 50%; width: 46px; height: 46px; background: url(../images/icon_arrow_r8.png) center center no-repeat; -webkit-background-size: 8px auto; background-size: 8px auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none;} .nav-sub{position: static !important;} .nav-sub .left{padding: 4vw 6vw; float: none; width: auto; overflow: hidden;} .nav-sub .nav-sub-cont{display: block;} .navSub-tabsTit01 .a1{text-align: left;} .navSub-tabsTit01 .a1 .a1-in{font-size: 3.8vw;} .nav-sub .right{display: none;} .subCp-ls01{margin: 0 -4.16vw -8.33vw;} .subCp-ls01 .subCp-ls01-item{padding: 0 4.16vw; margin-bottom: 8.33vw; width: 50%;} .subCp-ls01 .tit{font-size: 5.4vw;} .navSub-link .a1{padding: 2vw 4vw; font-size: 3.8vw; text-align: left;} .header-so-btn{border: none;} .header-lang-btn{margin-bottom: 3.12vw; display: block; font-size: 4.5vw; color: #333; width: auto; text-align: left; line-height: 10vw; border: none;} .header-tel img{margin-right: 4px; max-width: 100%; max-height: 100%;} .header-so-btn{display: none;} .header-tel{margin-bottom: 10px; font-size: 7vw;} .header-r .box-so01{margin-bottom: 10px; display: block; position: relative; height: auto; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); background-color: transparent; z-index: 10;} .header-r .box-so01 .box-so-in{width: 100%;} .header-r .box-so01 .inp{color: #333; border-color: #333; font-size: 5vw;} .header-r .box-so01 .submit{background-image: url(../images/icon_so2.png);} .header.down .header-so-btn{background-image: url(../images/icon_so.png);} .header.mIn .header-so-btn{background-image: url(../images/icon_so.png);} .header.mIn .header-lang-btn{color: #333;} .header.mIn .nav > ul > li .v1{color: #333;} /*搜索弹窗*/ .box-so01 .box-so-in{width: 90%;} .box-so01 .close{right: -10px;} /*底部*/ .footer-ft1{padding: 6.5vw 0;} .footer-ft1 .wp{display: block;} .footer-nav{margin-bottom: 3vw; width: auto; display: none;} .footer-nav dl{display: block; width: auto; padding: 0;} .footer-nav dt{padding: 2vw 0; margin: 0; font-size: 4.58vw;} .footer-nav dd a{padding: 2.08vw 0; font-size: 3.75vw;} .footer-lxwm{width: auto; padding: 0;} .footer-lxwm .title{margin-bottom: 2vw; font-size: 5.4vw;} .footer-lxwm .info{margin: 0; margin-bottom: 5vw; font-size: 3.2vw; line-height: 1.2;} .footer-lxwm .info .item{margin-bottom: 2vw;} .footer-lxwm .info .t1{font-size: 3.2vw;} .footer-lxwm .info .icon{margin-right: 2vw; width: 4vw; height: 4vw; line-height: 4vw;} .footer-lxwm .info .tel{margin-bottom: 0.6vw; font-size: 0;} .footer-lxwm .info .tel .t1{display: inline-block; vertical-align: middle; margin: 0; font-size: 3.2vw;} .footer-lxwm .info .tel .p{display: inline-block; vertical-align: middle; font-size: 7.92vw;} .footer-lxwm .code{margin: 0; margin-bottom: -6.25vw; text-align: center;} .footer-lxwm .code .item{padding: 0 3.75vw; margin-bottom: 6.25vw;} .footer-lxwm .code .tit{font-size: 3.2vw;} .footer-lk{padding: 4.16vw 0; margin: 0 -3.33vw;} .footer-lk .tit, .footer-lk .a1{padding: 0.55vw 3.33vw; font-size: 3.2vw;} .footer-lk .tit img{max-width: 4vw;} .footer-copy{padding: 4vw 0; font-size: 3.2vw; text-align: center; overflow: hidden;} .footer-copy .website{padding-bottom: 2px;} .footer-copy .l, .footer-copy .r{float: none;} /*侧边悬浮*/ .slideFloat01 .btn{width: 14.63vw; height: 13.5vw;} .slideFloat01 .btn .icon{height: 4.6vw; line-height: 4.6vw;} .slideFloat01 .btn .tit{font-size: 2.63vw;} .slideFloat01 .bd{padding: 4vw 3vw;} .slideFloat01 .bd .pic{width: 21.56vw;} .slideFloat01 .bd .tit{font-size: 2.63vw;} .slideFloat01 .bd .tel{font-size: 3.53vw;} /*侧边锚点*/ .anchorFloat01{display: none !important;} /*公用*/ .show-pc{display: none;} .show-mob{display: block;} .mainPt01{padding-top: 14.75vw;} .col-ls03{width: 100% !important;} .m-btn01 .a1{width: 26.35vw;; height: 7.906vw; line-height: 7.379vw; font-size: 3.2vw; border-radius: 10vw;} .m-btn01 .a1 .icon{margin-left: 4px; width: 3.8vw; height: 3.8vw; -webkit-background-size: 3.8vw auto; background-size: 3.8vw auto;} .m-btn02 .a1{font-size: 3.8vw; width: 26.63vw; height: 10.13vw; line-height: 10.13vw;} .m-btn03 .a1{width: 24vw; height: 8vw; line-height: 7.8vw; font-size: 3.2vw;} .m-btn03 .a1 .icon{margin-left: 1.5vw;} .m-tit01{margin-bottom: 4vw !important;} .m-tit01 .tit{font-size: 5.4vw !important;} .m-tit01 .tit .en{margin-bottom: 2vw; font-size: 3.2vw !important;} .m-tit01 .desc{margin-top: 2vw; font-size: 3.2vw !important;} .m-tit01.m-tit01_2 .tit .en{margin-bottom: 4px;} .m-tit01.white01 .tit .en{margin-bottom: 4px;} .m-tit01.white01 .desc{margin-top: 20px;} .m-tit01.line01 .tit{padding-bottom: 15px;} .m-tit03 .tit{padding: 3vw; font-size: 5.4vw;} .cur{padding: 3vw 0; padding-left: 3vw; font-size: 3.2vw;} .cur:before{width: 2vw; height: 2vw;} .pages{padding-top: 5vw;} .pages li{padding: 0 0.5vw;} .pages a, .pages span{font-size: 3.2vw; min-width: 8vw; height: 7vw; line-height: 6.8vw;} .pages .pages-prev a, .pages .pages-next a{width: 18vw;} /*banner*/ .banner{height: 106.7vw;} .banner-cont .m-btn01{margin-top: 20px;} .banner-cont2{padding: 0 5%;} .banner-cont2 .col-r{display: none;} .banner-cont2 .col-l{width: 100%;} .banner-cont2 .bannerCp-ls01{display: none;} .banner-cont .tit{max-height: 35vw;} .banner .swiper-pagination-bullets{bottom: 5vw !important; right: 5vw !important; display: none;} .banner .swiper-button-prev, .banner .swiper-button-next{display: none;} .banner .swiper-pagination-fraction{left: 5vw; bottom: 2vw;} .banner .swiper-pagination-fraction .swiper-pagination-fraction-current, .banner .swiper-pagination-fraction .icon, .banner .swiper-pagination-fraction .swiper-pagination-fraction-total{font-size: 3.99vw;} .banner .swiper-pagination-fraction .swiper-pagination-fraction-current{margin-right: 5px; font-size: 6.38vw;} .banner .swiper-pagination-fraction .swiper-pagination-fraction-total{margin-left: 5px;} .banner .mouse-btn{margin-left: -15px; bottom: 50px; width: 30px; height: 30px; -webkit-background-size: 15px auto; background-size: 15px auto;} .banner .mouse-btn:after{top: 30px; width: 14px; height: 14px;} /*ban*/ .ban{height: 60vw;} .ban .ban-cont{top: 62%;} .ban .ban-cont .tit{font-size: 5.4vw;} .ban .ban-cont .tit .en{font-size: 3.8vw;} /*index*/ .row-index01{padding-bottom: 8vw;} .box-so02{padding: 3.74vw 0;} .box-so02 .box-so02-in{border-width: 1.81vw;} .box-so02 .inp{padding: 0 3.63vw; padding-right: 33.75vw; height: 9.375vw; line-height: 9.375vw; font-size: 3.8vw;} .box-so02 .submit{width: 22vw; height: 15.99vw; line-height: 15.99vw;} .box-so02 .submit .icon{margin-right: 1vw; width: 4.5vw; height: 4.5vw;} .box-so02 .submit .icon, .box-so02 .submit .text{font-size: 3.8vw;} .cp-cont01{display: block;} .cp-cont01 .hd{padding: 4vw 6.38vw; position: static; width: auto;} .cp-cont01 .hd .tit{font-size: 5.4vw;} .cp-cont01 .hd .desc{margin-top: 2vw; font-size: 3.21vw;} .cp-cont01 .cp-cont01-in{width: auto;} .cp-cont01 .tabsDesc01{width: auto;} .tabsTit01 .a1{padding: 1.8vw 6.5vw; padding-right: 13.12vw; min-height: 10vw; font-size: 3.8vw;} .tabsTit01 .a1:after{right: 7.5vw; width: 4.69vw; height: 0.94vw;} .cp-cont01-in .more-btn .a1{padding: 0 6.5vw; height: 10vw; font-size: 3.8vw;} .cp-ls01{margin-bottom: -5.4vw;} .cp-ls01 .cp-ls01-item{margin-bottom: 5.4vw; width: 100%;} .cp-ls01 .pic{height: 73.41vw; line-height: 73.41vw;} .cp-ls01 .pic img{max-width: 100%; max-height: 100%;} .cp-ls01 .inner{padding: 3.74vw 5.4vw;} .cp-ls01 .inner .tit{font-size: 4.2vw; height: 7.5vw; line-height: 7.5vw;} .cp-ls01 .inner .desc{font-size: 3.2vw;} .cp-ls01.cp-swp01 .inner{padding: 3.74vw 7.5vw;} .hy-swp01{height: 98vw;} .hy-swp01 .nav .swiper-slide{padding: 0 !important;} .hy-swp01 .circle-line{display: none;} .hy-swp01 .for .cont{top: 30vw;} .hy-swp01 .for .cont .tit{margin-bottom: 5vw; width: 100%; font-size: 5.4vw;} .hy-swp01 .for .cont .desc{margin-top: 3vw; width: 100%; font-size: 3.8vw; line-height: 1.5;} .hy-swp01 .for .cont .m-btn01{margin-top: 5vw;} .hy-swp01 .nav{padding: 0; width: 100%; right: 0; top: 0; height: auto; left: 0; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);} .hy-swp01 .nav .con{padding: 0 !important; padding-bottom: 9.38vw !important;} .hy-swp01 .nav .circle-icon{display: none;} .hy-swp01 .nav .tit{padding: 4vw 2vw !important; font-size: 4.38vw !important; text-align: center; border-radius: 0; line-height: 1.5;} .hy-swp01 .nav .swiper-slide-thumb-active .tit{font-size: 3.74vw;} .row-index03{padding: 10.7vw 0;} .al-swp01{height: auto;} .al-swp01 .con{display: block;} .al-swp01 .pic{width: 100%;} .al-swp01 .pic:after{content: ''; display: block; padding-top: 79.03%;} .al-swp01 .inner{padding: 6vw 5vw; width: 100%;} .al-swp01 .hd{margin-bottom: 2vw;} .al-swp01 .hd .tit{font-size: 4.2vw; width: calc(100% - 14vw);} .al-swp01 .hd .gq{width: 11.25vw; height: 7.5vw; line-height: 7.5vw;} .al-swp01 .info{padding-bottom: 5vw;} .al-swp01 .info .t1{margin-bottom: 5px; padding: 1.5vw 3vw; font-size: 2.73vw;} .al-swp01 .desc{font-size: 3.2vw;} .al-swp01 .more-btn{margin-top: 3vw;} .al-swp01 .more-btn .a1{padding-bottom: 1vw; font-size: 3.2vw;} .al-swp01 .more-btn .a1 .icon{width: 3.38vw; height: 3.38vw;} .al-swp01 .swiper-button-prev, .al-swp01 .swiper-button-next{top: 48%; width: 50px; height: 50px;} .al-swp01 .swiper-button-prev{left: -4vw;} .al-swp01 .swiper-button-next{right: -4vw;} .row-index04{padding: 10.75vw 0 0; height: auto;} .row-index04 .m-btn01{margin-bottom: 10vw;} .row-index04 .m-tit01{width: 100%; margin-bottom: 5vw !important;} .map01{display: none;} .ys01{padding: 5vw 0; margin: 0 -5.33vw; position: static;} .ys-ls01{flex-wrap: wrap; border: none;} .ys-ls01 .ys-ls01-item{width: 50%; border: none !important;} .ys-ls01 .con{padding: 3vw 3.74vw;} .ys-ls01 .icon{width: 9vw; height: 9vw; line-height: 9vw;} .ys-ls01 .inner{width: calc(100% - 11.25vw);} .ys-ls01 .tit{padding-bottom: 2vw; font-size: 4.2vw;} .ys-ls01 .tit .en{margin-top: 1vw; font-size: 2.8vw;} .ys-ls01 .tit:after{width: 3.74vw; height: 0.38vw;} .row-index05{padding: 10.7vw 0;} .row-index05 .box-hd01{margin-bottom: 5vw;} .box-hd01{display: block;} .box-hd01 .box-hd01-r{margin-top: 4vw;} .box-hd01 .m-tit01{margin: 0 !important;} .tabsTit02 .tabsTit02-item{margin-right: 2.74vw;} .tabsTit02 .a1{font-size: 3.8vw; min-width: 26.63vw; line-height: 8vw;} .xw01{display: block;} .xw01 .col-l, .xw01 .col-r{width: auto;} .xw01 .col-l{margin-bottom: 7.5vw;} .xw-ls01{margin: 0 -2vw -5.4vw; display: block;} .xw-ls01 .xw-ls01-item{padding: 0 2vw; margin-bottom: 5.4vw; width: 100%;} .xw-ls01 .inner{padding: 4.6vw;} .xw-ls01 .date{margin-bottom: 1.5vw; font-size: 3.3vw;} .xw-ls01 .tit{margin-bottom: 2vw; font-size: 4.2vw;} .xw-ls01 .desc{margin-bottom: 3vw; font-size: 3.2vw;} .xw-ls01 .more-btn .a1{font-size: 3.2vw;} .xw-ls01 .more-btn .a1 .icon{width: 4vw; height: 4vw; -webkit-background-size: 3.6vw auto; background-size: 3.6vw auto;} .xw01 .xw01-scoll-y{padding: 0; max-height: 107.6vw; height:auto;} .xw01 .xw-ls02{padding: 0.38vw 4.6vw;} .xw-ls02 .con{padding: 6.37vw 0;} .xw-ls02 .date{margin-bottom: 1.5vw; font-size: 3.2vw;} .xw-ls02 .tit{margin-bottom: 2vw; font-size: 4.2vw;} .xw-ls02 .desc{font-size: 3.2vw;} .row-index06{padding: 10vw 0;} .box-so03 .inp{padding: 0 7.5vw; height: 13.12vw; line-height: 13.12vw; font-size: 3.38vw; border-radius: 6.56vw;} .box-so03 .submit{width: 36vw; height: 13.12vw;line-height: 13.12vw; font-size: 4.12vw;} .lxwm01{width: 100%;} .lxwm01 .title{margin-bottom: 3vw; font-size: 5.4vw;} .lxwm01 .desc{margin-bottom: 4vw; font-size: 3.2vw;} .lxwm01 .box-so03{width: 100%;} .lxwm01 .box-so03 .inp{padding: 0 3.74vw; padding-right: 24vw; font-size: 3.8vw; height: 12.19vw; line-height: 12.19vw;} .lxwm01 .box-so03 .submit{width: 22.5vw; height: 12.19vw; line-height: 12.19vw; font-size: 3.8vw;} /*产品与技术列表*/ .row-cp01{padding: 10.7vw 0;} .row-cp02{padding: 10.7vw 0;} /*新闻资讯*/ .box-pos01 .left{float: none;} .box-pos01 .right{float: none;} .pos-nav01{margin: 0 -5.33vw; padding: 0 5.33vw; white-space: nowrap; overflow-x: auto;} .pos-nav01 .a1{margin-right: 5vw; line-height: 13vw; font-size: 3.9vw;} .row-xw01{padding: 10.7vw 0;} .xw-swp01 .con{display: block;} .xw-swp01 .pic{width: auto;} .xw-swp01 .inner{padding: 4.6vw; padding-bottom: 10vw; width: auto;} .xw-swp01 .date{margin-bottom: 1.5vw; font-size: 3.2vw;} .xw-swp01 .tit{margin-bottom: 2vw; font-size: 4.2vw;} .xw-swp01 .desc{margin-bottom: 3vw; font-size: 3.2vw;} .xw-swp01 .more-btn .a1{padding-bottom: 1vw; font-size: 3.2vw;} .xw-swp01 .more-btn .a1 .icon{width: 4vw; height: 4vw; -webkit-background-size: 3.6vw auto; background-size: 3.6vw auto;} .xw-swp01 .swiper-pagination{left: 0 !important; bottom: 5vw !important; right: 0; text-align: center;} .xw-swp01 .swiper-pagination .swiper-pagination-bullet{width: 5vw;} .row-xw02{padding: 10.7vw 0;} .row-xw02 .box-so04{margin-bottom: 6vw;} .box-so04 .sel, .box-so04 .input, .box-so04 .submit{margin-right: 3vw;} .box-so04 .sel{width: 26vw;} .box-so04 .sel select, .box-so04 .sel .inp{padding: 0 10px; height: 10vw; line-height: 10vw; font-size: 3.2vw; -webkit-background-size: 3vw auto; background-size: 3vw auto; background-position: right 3vw center;} .box-so04 .input{width: 40vw;} .box-so04 .input .so-icon{left: 2vw; width: 5vw; height: 5vw;} .box-so04 .input .inp{padding: 0 3vw; padding-left: 8vw; height: 10vw; line-height: 10vw; font-size: 3.8vw;} .box-so04 .submit{margin: 0; width: 14vw; height: 10vw; line-height: 10vw; font-size: 4vw; border-radius: 2vw;} /*新闻详情*/ .row-dt01{padding: 10.7vw 0;} .dt01 .hd{padding-bottom: 6vw;} .dt01 .hd:after{height: 3vw;} .dt01 .hd .tit{margin-bottom: 3vw; font-size: 4.2vw; line-height: 1.2;} .dt01 .hd .info{font-size: 3.2vw;} .dt01 .hd .info .t1 .on{font-size: 3.6vw;} .dt01 .hd .info .t1{margin-right: 4vw;} .dt01 .cont{padding: 4vw 0; font-size: 3.2vw;} .dtPage{padding: 3vw 0;} .dtPage .prev, .dtPage .next{padding: 1vw 4vw; float: none; width: auto; text-align: left;} .dtPage .tit{font-size: 3.2vw;} .dtPage .a1{font-size: 3.2vw; height: 4vw; line-height: 4vw;} .row-tj01{padding: 10.7vw 0;} .xw-ls01.xw-swp02 .swiper-button-prev, .xw-ls01.xw-swp02 .swiper-button-next{width: 50px; height: 50px;} .xw-ls01.xw-swp02 .swiper-button-prev{left: -4vw;} .xw-ls01.xw-swp02 .swiper-button-next{right: -4vw;} /*工程案例*/ .row-bloc01{padding: 10.7vw 0 8vw;} .row-bloc01 .col-l{float: none; width: auto;} .row-bloc01 .col-r{float: none; width: auto;} .slideNav01 .item{margin-bottom: 5.4vw;} .slideNav01 .hd{padding: 4vw 2vw;} .slideNav01 .hd .tit{font-size: 5.4vw;} .slideNav-ls01:before{width: 1.5vw;} .slideNav-ls01 .a1{font-size: 3.8vw; line-height: 12vw;} .slideNav-ls01 .a1:before{width: 1.5vw;} .al-swp02{padding: 4vw;} .al-swp02 .con{display: block;} .al-swp02 .pic{width: auto;} .al-swp02 .inner{padding: 4vw 0; width: auto;} .al-swp02 .tit{margin-bottom: 2vw; font-size: 4.2vw;} .al-swp02 .desc{margin-bottom: 3vw; font-size: 3.2vw;} .al-swp02 .more-btn .a1{padding-bottom: 1vw; font-size: 3.2vw;} .al-swp02 .more-btn .a1 .icon{width: 4vw; height: 4vw; -webkit-background-size: 3.6vw auto; background-size: 3.6vw auto;} .al-swp02 .swiper-pagination{left: 0 !important; bottom: 0 !important; right: 0; text-align: center;} .al-swp02 .swiper-pagination .swiper-pagination-bullet{width: 5vw;} .al-ls01{margin-bottom: -5.4vw;} .al-ls01 .al-ls01-item{margin-bottom: 5.4vw; display: block; width: auto;} .al-ls01 .inner{padding: 3vw 2vw;} .al-ls01 .tit{font-size: 4.2vw;} /*工程案例-详情*/ .dt02{padding: 6vw 4vw;} .dt02 .hd{padding-bottom: 6vw;} .dt02 .hd:after{height: 3vw;} .dt02 .hd .tit{margin-bottom: 3vw; font-size: 4.2vw; line-height: 1.2;} .dt02 .hd .info .t1{margin-bottom: 5px; padding: 1.5vw 3vw; font-size: 2.73vw;} .dt02 .cont{padding: 4vw 0; font-size: 3.2vw;} .row-tj02{padding: 10.7vw 0;} .al-ls01.al-swp03 .swiper-button-prev{left: -4vw;} .al-ls01.al-swp03 .swiper-button-next{right: -4vw;} /*产品与技术-板式蒸发与冷凝器*/ .cpDt01{margin-bottom: 8vw;} .cpDt01 .cp-swp02{margin-bottom: 6vw; float: none; width: auto;} .cp-swp02 .for .pic{height: 80vw; line-height: 80vw;} .cp-swp02 .nav{padding: 0;} .cp-swp02 .nav .pic{height: 13vw; line-height: 12.7vw;} .cp-swp02 .nav .swiper-slide-thumb-active .pic{line-height: 12.8vw;} .cpDt01 .cpDt-info01{padding: 0;} .cpDt-info01 .hd{padding-bottom: 3vw; margin-bottom: 3vw;} .cpDt-info01 .hd .tit{font-size: 5.4vw;} .cpDt-info01 .desc{padding-bottom: 3vw; margin-bottom: 5vw; font-size: 3.2vw; line-height: 1.7;} .cpDt-info01 .btn .a1{min-width: 50vw; line-height: 13vw; font-size: 4.9vw;} .cpDt-info01 .btn .a1 .icon{margin-right: 1.5vw; width: 4vw; height: 4vw;} .cpDt-tabs01{margin-bottom: 0;} .cpDt-tabs01 .a1{padding: 0 3vw; font-size: 3.8vw; line-height: 10vw; min-width: 20vw;} .cpDt-item01{padding: 5vw 0;} .m-tit02 .tit{font-size: 3.8vw; line-height: 9vw; min-width: 30vw;} .cpDt-item01 .td01{margin-top: 3vw; padding: 3vw 4vw;} .cpDt-item01 .yy01{margin-top: 3vw;} .cpDt-item01 .table01{margin-top: 3vw;} .cpDt-item01 .m-btn03{margin-top: 4vw;} .cpDt-item01 .wjxz-ls01{margin-top: 3vw;} .td-ls01 .td-ls01-item{padding: 1vw 3vw; font-size: 3.2vw; width: 100%;} .td-ls01 .td-ls01-item:before{width: 1vw; height: 1vw;} .yy01{font-size: 3.2vw;} .table01 th, .table01 td{height: 13vw;} .table01 th{padding: 2vw 1vw; font-size: 3.2vw;} .table01 td{padding: 2vw 1vw; font-size: 3.2vw;} .wjxz-ls01 .con{padding: 2vw 0; padding-left: 3vw;} .wjxz-ls01 .con:before{width: 1vw; height: 1vw;} .wjxz-ls01 .tit{font-size: 3.2vw; line-height: 7vw;} .wjxz-ls01 .btn{width: 18vw; height: 7vw; line-height: 6.8vw; font-size: 3.2vw;} .wjxz-ls01 .btn .icon{margin-right: 1vw; width: 5vw; height: 5vw; -webkit-background-size: 4.8vw auto; background-size: 4.8vw auto;} /*产品与技术-蒸发浓缩技术*/ .cpDt03 dt{padding: 4vw 3vw; padding-right: 15vw;} .cpDt03 .tit{font-size: 4.2vw; line-height: 4vw;} .cpDt03 .icon{right: 3vw; width: 6vw; height: 6vw; -webkit-background-size: 5.8vw auto; background-size: 5.8vw auto;} .cpDt03 dd{padding: 3vw 0;} .cpDt03 .desc{font-size: 3.2vw;} .cpDt-item02+.cpDt-item02{margin-top: 8vw;} .cpDt-item02 .table01{margin-top: 3vw;} .cpDt-item02 .m-btn03{margin-top: 5vw;} /*行业与应用-甘蔗制糖工业*/ .hy01{margin-bottom: 1.927vw; } .hy01 .btn .a{padding: 0 1.25vw; font-size: 1.041vw; line-height: 2.031vw;} .hy01 .btn .a:after{left: -0.416vw; top: -0.312vw; right: -0.416vw; bottom: -0.312vw; } .hy01 .btn .it2 .bd{margin-right: 3.281vw;} .hy01 .btn .it2 .bd:before{right: 14.58vw;} .hy01 .btn .it4 .bd{margin-right: 3.281vw;} .hy01 .btn .it4 .bd:before{right: 14.58vw;} .hy01 .btn .it6 .bd{margin-right: 3.281vw;} .hy01 .btn .it6 .bd:before{right: 14.58vw;} .hy01 .btn .bd{padding: 0; position: fixed; left: 50%; top: 50%; width: 90%; margin: 0 !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .hy01 .btn .bd:before{display: none;} .hy01 .btn .bd .bd-in{padding: 5vw 4vw; max-height: 140vw; overflow-y: auto;} .hy01 .btn .bd .tit{margin-bottom: 3vw; font-size: 4.2vw;} .hy01 .btn .bd .txt{font-size: 3.2vw;} .hy01 .btn .bd .pic{height: 30vw; line-height: 30vw;} .cpDt03{margin-bottom: 8vw;} .cpDt03 dl+dl{margin-top: 3vw;} .gy-swp01{margin-bottom: 2vw; padding: 0;} .gy-swp01 .sm-btn{bottom: 22vw; left: 5vw;} .gy-swp01 .nav{position: static; width: auto;} .gy-swp01 .nav .pic{padding-top: 61.85%; height: auto;} .cpDt03 .dd-l, .cpDt03 .dd-r{margin: 0; float: none; width: 100%;} .cpDt03 .dd-r{margin-top: 6vw;} .cpDt03 .desc2{font-size: 3.2vw;} .cpDt03 .desc2 span{font-size: 4.2vw;} .cpDt03 .sm{padding: 5vw; font-size: 3.2vw;} .al-ls01.al-swp03 .swiper-button-prev, .al-ls01.al-swp03 .swiper-button-next{width: 50px; height: 50px;} /*关于我们*/ .row-gywm01{padding: 10.7vw 0;} .gsj01{margin-bottom: 5vw; display: block;} .gsj01 .left, .gsj01 .right{width: auto;} .gsj01 .left{margin-bottom: 6vw;} .gsj01 .m-tit01{padding-bottom: 3vw; margin-bottom: 3vw !important;} .gsj01 .desc{font-size: 3.2vw; line-height: 1.9;} .gsj01 .desc .name{font-size: 3.6vw;} .row-gywm02{min-height: 0;} .row-gywm02 .wp{padding: 10.7vw 5.33vw; background-color: #2174B9;} .row-gywm02 .m-tit01{position: static;} .scnl01{display: block;} .tabsTit04{padding-bottom: 6px; margin: 0; margin-bottom: 2vw; display: block; width: 100%; height: auto; white-space: nowrap; overflow-x: auto;} .tabsTit04 .tabsTit04-item{width: 23.6%; display: inline-block; vertical-align: middle;} .tabsTit04 .tabsTit04-item:after{display: none;} .tabsTit04 .icon{width: auto; height: 6vw; line-height: 6vw;} .tabsTit04 .tit{width: auto; font-size: 3.8vw;} .tabsDesc04{width: auto;} .scnl-swp01 .hd{margin-bottom: 12vw;} .scnl-swp01 .hd .tit{border-color: #fff; color: #fff; font-size: 4.2vw; line-height: 9vw; min-width: 32vw; border-width: 2px;} .scnl-swp01 .hd .tit:after{width: 2px; height: 10vw; background-color: #fff;} .scnl-swp01 .desc{margin-bottom: 5vw; font-size: 3.2vw; color: #fff; line-height: 1.8;} .row-gywm03{padding: 10.7vw 0;} .tabsTit03{margin-bottom: 6vw;} .tabsTit03 .a1{font-size: 4.2vw; line-height: 9vw; min-width: 30vw;} .ryz-swp01 .slider{padding-bottom: 15vw;} .ryz-swp01 .slider:after{height: 30vw;} .ryz-swp01 .con:after{height: 40vw;} .ryz-swp01 .date{margin-bottom: 2vw; padding-left: 40px; width: auto; text-align: left; font-size: 3.2vw; height: auto; line-height: 5vw; color: #333;} .ryz-swp01 .date:after{display: none;} .ryz-swp01 .desc{font-size: 3.2vw;} .ryz-swp01 .inner{min-height: 32vw;} .ryz-swp01 .swiper-slide.odd .inner{min-height: 34vw;} .ryz-swp01 .swiper-button-prev, .ryz-swp01 .swiper-button-next{width: 50px; height: 50px;} .ryz-swp01 .swiper-button-prev{left: -4vw;} .ryz-swp01 .swiper-button-next{right: -4vw;} .map{position: static; height: 90vw;} .row-gywm04{padding: 0;} .row-gywm04 .wp{padding: 0;} .lxwm02{width: auto; padding: 10vw 5vw;} .lxwm02 .m-tit01{padding-bottom: 5vw; margin-bottom: 5vw !important;} .lxwm02 .tel-icon{right: 10vw; top: 10vw;} .lxwm02 .info{margin-bottom: 6vw;} .lxwm02 .info .item+.item{margin-top: 2vw;} .lxwm02 .info .t{font-size: 3.2vw;} .lxwm02 .info .p{font-size: 4.2vw;} .lxwm02 .info .addr .t{margin-bottom: 2vw;} .lxwm02 .info .addr .p{font-size: 4.2vw;} .lxwm02 .box-so03 .inp{padding: 0 7.5vw; height: 13.12vw; line-height: 13.12vw; font-size: 3.38vw; border-radius: 6.56vw;} .lxwm02 .box-so03 .submit{width: 36vw; height: 13.12vw;line-height: 13.12vw; font-size: 4.12vw;} .gsj-ys01 .ys-ls01 .ys-ls01-item+.ys-ls01-item{border: none !important;} /*站点地图*/ .row-zddt01{padding: 10.7vw 0; } .zddt01-items{padding-bottom: 3vw; margin-bottom: 3vw;} .zddt01-tit{font-size: 4.2vw; line-height: 8vw;} .zddt01-item li{padding: 2.760vw 0; border-bottom: 0.276vw solid #ddd; } .zddt01-item dd{ margin-right: 4vw; } .zddt01-item .a1{ font-size: 3.2vw; line-height: 7vw;} }